如何将 CIFilter 应用于 UIView？

Question

根据 Apple docs,，CALayer 的过滤器属性在 iOS 中不受支持。因为我使用了将CIFilter 应用到UIView 的应用程序之一，即 Splice，用于 Funimate 和 Artisto 的视频编辑器 Videoshow FX。这意味着我们可以将CIFilter 应用于UIView。

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

Answer 1

技术上准确的答案是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!)
}