如何将CIFilter应用于UIView？

Question

如何将CIFilter应用于UIView？

5

根据苹果文档，iOS不支持CALayer的filters属性。但是我使用了一些应用程序，如Splice、Video Editor Videoshow FX for Funimate和artisto，它们将CIFilter应用于UIView。这意味着我们可以将CIFilter应用于UIView。

我使用了SCRecorder库，并尝试通过SCPlayer和SCFilterImageView完成此任务。但是当视频播放后应用了CIFilter时，我遇到了黑屏问题。因此，请帮助我完成这个任务，以便我可以将CIFilter应用于UIView，并且可以通过单击UIButton更改过滤器。

- Rameez

我不太清楚这个，但是你想要的效果也可以通过使用GPUImage框架来实现。而且使用起来更加容易。 - Swifty Codes

展示一些代码。一个典型的错误是您忘记设置myView.wantsLayer = true。 - Wukerplank

GPUImage框架仅适用于实时视频而非录制视频。我想在已录制的视频上应用滤镜，并且在导出之前希望能够实时预览应用的滤镜效果。 - Rameez

@Rameez，你找到解决方案了吗？我也遇到了同样的问题，请尽快帮助我。 - Yogendra Patel

@YogendraPatel 是的，我的问题已经解决了，但不是通过将滤镜应用于UIView。因为我们不能将CIFilter应用于UIView。 - Rameez

@Rameez 好的，请给我你的另一个解决方案。 - Yogendra Patel

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user7014451 · Accepted Answer

技术上来讲，CIFilter需要一个CIImage。可以将UIView转换为UIImage，然后将其转换为CIImage，但所有使用图像作为输入的CoreImage滤镜（有一些生成新图像）都使用CIImage作为输入和输出。

请注意，CIImage的原点在左下角，而不是左上角，即y轴被翻转。
如果动态使用CoreImage过滤器，请学会使用GLKView进行渲染-它使用GPU，而UIImageView使用CPU。
如果您想测试滤镜，最好使用实际设备。模拟器将给出非常低的性能。我曾看到一个简单的模糊效果花费了近一分钟的时间，在设备上只需几分之一秒！

假设您有一个UIView，希望对其应用CIPhotoEffectMono。要执行此操作的步骤如下：

将UIView转换为CIImage。
应用滤镜，获取一个CIImage作为输出。
使用CIContext创建CGImage，然后将其转换为UIImage。

这是一个UIView扩展，它将视图及其所有子视图转换为UIImage：

extension UIView {
    public func createImage() -> UIImage {
        UIGraphicsBeginImageContextWithOptions(
            CGSize(width: self.frame.width, height: self.frame.height), true, 1)
        self.layer.render(in: UIGraphicsGetCurrentContext()!)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image!
    }
}

将UIImage转换为CIImage只需要一行代码：

let ciInput =  CIImage(image: myView.createImage)

以下是一个应用过滤器并返回UIImage的函数：

func convertImageToBW(image:UIImage) -> UIImage {

    let filter = CIFilter(name: "CIPhotoEffectMono")

    // convert UIImage to CIImage and set as input

    let ciInput = CIImage(image: image)
    filter?.setValue(ciInput, forKey: "inputImage")

    // get output CIImage, render as CGImage first to retain proper UIImage scale

    let ciOutput = filter?.outputImage
    let ciContext = CIContext()
    let cgImage = ciContext.createCGImage(ciOutput!, from: (ciOutput?.extent)!)

    return UIImage(cgImage: cgImage!)
}