SwiftUI 视图到 AppKit 中的 NSImage

Question

SwiftUI 2.0 |斯威夫特 5.4 | Xcode 12.4 | macOS 大苏尔 11.4

在 iOS 中，有一种方法可以将 SwiftUI 视图渲染到 UIImage，但在 AppKit 中不起作用，只有 UIKit：

extension View {
    func snapshot() -> UIImage {
        let controller = UIHostingController(rootView: self)
        let view = controller.view

        let targetSize = controller.view.intrinsicContentSize
        view?.bounds = CGRect(origin: .zero, size: targetSize)
        view?.backgroundColor = .clear

        let renderer = UIGraphicsImageRenderer(size: targetSize)

        return renderer.image { _ in
            view?.drawHierarchy(in: controller.view.bounds, afterScreenUpdates: true)
        }
    }
}

有什么解决方法可以让它在 AppKit 上运行吗？ UIGraphicsImageRenderer(size:) 方法在 AppKit 上不起作用，并且没有等效方法。

Answer 1

如果我正确理解了您的问题，您应该可以使用 NSBitmapImageRef 来解决问题！

这是一个从 SwiftUI 视图生成NSImage 的简单示例（注意：您的主机视图必须可见！）：

let view = MyView() // some SwiftUI view
let host = NSHostingView(rootView: view)

// Note: the host must be visible on screen, which I am guessing you already have it that way. If not, do that here.

let bitmapRep = host.bitmapImageRepForCachingDisplay(in: host.bounds)
host.cacheDisplay(in: host.bounds, to: bitmapRep!)

let image = NSImage(size: host.frame.size)
image.addRepresentation(bitmapRep!)

这是NSHostingView 的扩展，应该可以安全地创建快照：

extension NSHostingView {
    func snapshot() -> NSImage? {
        // Make sure the view is visible:
        guard self.window != nil else { return nil }

        // Get bitmap data:
        let bitmapRep = self.bitmapImageRepForCachingDisplay(in:
        self.bounds)
        self.cacheDisplay(in: self.bounds, to: bitmapRep!)

        // Create NSImage from NSBitmapImageRep:
        let image = NSImage(size: self.frame.size)
        image.addRepresentation(bitmapRep!)
        
        return image
    }
}

我希望这会有所帮助。如果您有任何问题，请告诉我！