Question

我正在应用视角Core Image filter来转换并将CIImage绘制到自定义NSView中，它似乎比我预期的要慢（例如，我拖动一个改变透视转换的滑块并且图形滞后于滑块值）。这是我的自定义drawRect方法，其中self.mySourceImage是CIImage：

- (void)drawRect:(NSRect)dirtyRect {
    [super drawRect:dirtyRect];

    if (self.perspectiveFilter == nil)
        self.perspectiveFilter = [CIFilter filterWithName:@"CIPerspectiveTransform"];

    [self.perspectiveFilter setValue:self.mySourceImage 
                            forKey:@"inputImage"];
    [self.perspectiveFilter setValue: [CIVector vectorWithX:0 Y:0] 
                            forKey:@"inputBottomLeft"];
    // ... set other vector parameters based on slider value

    CIImage *outputImage = [self.perspectiveFilter outputImage];

    [outputImage drawInRect:dstrect 
                   fromRect:srcRect 
                  operation:NSCompositingOperationSourceOver 
                   fraction:0.8];
}

以下是输出示例：

我对图像滤镜的体验告诉我，这应该快得多。是否有一些我最想要的“最佳实践”来加快速度？

请注意，我只创建一次过滤器（存储为属性）。
我确实确保视图的后备存储有CALayer。我应该以某种方式将过滤器添加到CALayer吗？
请注意，我从不创建CIContext - 我假设NSView使用了隐式上下文？我应该创建CIContext并渲染图像并绘制图像吗？

Answer 1

有时我希望这样的事情没有限制（代码格式和字符数），但我希望这有用。以下是我在GLKView中使用UIKit的方式 - 希望应转换为macOS上的内容....

我更喜欢子类化GLKView以允许一些事情：

从代码初始化
覆盖draw(rect:) UIImageView等同于contentMode（特别是方面适合）
使用scaleAspectFit时，创建一个清晰的颜色＆＃34;用于匹配周围超级视图的背景颜色

那就是说，这就是我所拥有的。希望它有所帮助：

import GLKit

class ImageView: GLKView {
    var renderContext: CIContext
    var rgb:(Int?,Int?,Int?)!
    var myClearColor:UIColor!
    var clearColor: UIColor! {
        didSet {
            myClearColor = clearColor
        }
    }
    var image: CIImage! {
        didSet {
            setNeedsDisplay()
        }
    }
    var uiImage:UIImage? {
        get {
            let final = renderContext.createCGImage(self.image, from: self.image.extent)
            return UIImage(cgImage: final!)
        }
    }
    init() {
        let eaglContext = EAGLContext(api: .openGLES2)
        renderContext = CIContext(eaglContext: eaglContext!)
        super.init(frame: CGRect.zero)
        context = eaglContext!
        self.translatesAutoresizingMaskIntoConstraints = false
    }
    override init(frame: CGRect, context: EAGLContext) {
        renderContext = CIContext(eaglContext: context)
        super.init(frame: frame, context: context)
        enableSetNeedsDisplay = true
        self.translatesAutoresizingMaskIntoConstraints = false
    }
    required init?(coder aDecoder: NSCoder) {
        let eaglContext = EAGLContext(api: .openGLES2)
        renderContext = CIContext(eaglContext: eaglContext!)
        super.init(coder: aDecoder)
        context = eaglContext!
        self.translatesAutoresizingMaskIntoConstraints = false
    }
    override func draw(_ rect: CGRect) {
        if let image = image {
            let imageSize = image.extent.size
            var drawFrame = CGRect(x: 0, y: 0, width: CGFloat(drawableWidth), height: CGFloat(drawableHeight))
            let imageAR = imageSize.width / imageSize.height
            let viewAR = drawFrame.width / drawFrame.height
            if imageAR > viewAR {
                drawFrame.origin.y += (drawFrame.height - drawFrame.width / imageAR) / 2.0
                drawFrame.size.height = drawFrame.width / imageAR
            } else {
                drawFrame.origin.x += (drawFrame.width - drawFrame.height * imageAR) / 2.0
                drawFrame.size.width = drawFrame.height * imageAR
            }
            rgb = myClearColor.rgb()
            glClearColor(Float(rgb.0!)/256.0, Float(rgb.1!)/256.0, Float(rgb.2!)/256.0, 0.0);
            glClear(0x00004000)
            // set the blend mode to "source over" so that CI will use that
            glEnable(0x0BE2);
            glBlendFunc(1, 0x0303);
            renderContext.draw(image, in: drawFrame, from: image.extent)
        }
    }
}

一些注意事项：

浩瀚大部分内容来自几年前（我认为在Swift 2中）objc.io与相关GitHub项目的内容。特别是，请查看具有scaleAspectFill代码和其他内容模式的GLKView subclass。
请注意使用名为CIContext的单个renderContext。我在需要时使用它来创建UIImage（在iOS中你＆＃34;分享＆＃34;一个UIImage）。
我使用didSet image属性在图片发生变化时自动调用setNeedsDisplay。（当iOS设备改变方向时，我也会明确地调用它。）我不知道这次调用的macOS等效。

我希望这为您在macOS中使用OpenGL提供了良好的开端。如果它与UIKit类似，那么尝试将CIImage放入NSView并不会涉及GPU，这是一件坏事。如果这导致你误入歧途，请告诉我，我很乐意删除这个答案。祝你好运！

如何使用过滤器有效地将核心图像绘制到NSView中？

1 个答案: