如何在 macOS 上打印带有文本和图像的 SwiftUI 视图？

Question

我正在尝试在MacOS上打印SwiftUi视图的内容。根据该文档，通过给出nsprintoperation a nsview由nshostingview创建的 nsview 。 Swiftui视图的身体包含几种文本视图和图像视图，这些视图围绕着边界。所有文本都打印出来，但是图像和边界不可见。还需要其他东西来完成这项工作吗？

这是证明问题的样本。只需创建一个新的MacOS应用程序，将ContentView替换为下面的代码，然后在签名中启用打印＆amp;功能：

struct ContentView: View {
    
    var body: some View {
        VStack {
            Button("Print", action: self.onPrint )
            Divider()
            Print_Preview()
        }
    }
    
    private func onPrint() {
        let pi = NSPrintInfo.shared
        pi.topMargin = 0.0
        pi.bottomMargin = 0.0
        pi.leftMargin = 0.0
        pi.rightMargin = 0.0
        pi.orientation = .landscape
        pi.isHorizontallyCentered = false
        pi.isVerticallyCentered = false
        pi.scalingFactor = 1.0
                
        let rootView = Print_Preview()
        let view = NSHostingView(rootView: rootView)
        view.frame.size = CGSize(width: 300, height: 300)
        let po = NSPrintOperation(view: view, printInfo: pi)
        po.printInfo.orientation = .landscape
        po.showsPrintPanel = true
        po.showsProgressPanel = true
        
        po.printPanel.options.insert(NSPrintPanel.Options.showsPaperSize)
        po.printPanel.options.insert(NSPrintPanel.Options.showsOrientation)
        
        if po.run() {
            print("In Print completion")
        }
    }
    
    struct Print_Preview: View {
        var body: some View {
            VStack(alignment: .leading) {
                Text("Bordered Text Above Bordered Image")
                    .font(.system(size: 8))
                    .padding(5)
                    .border(Color.black, width: 2)
                Image(systemName: "printer")
                    .resizable()
                    .padding(5)
                    .border(Color.black, width: 2)
                    .frame(width: 100, height: 100)
                Text("Bordered Text Below Bordered Image")
                    .font(.system(size: 8))
                    .padding(5)
                    .border(Color.black, width: 2)
            }
            .padding()
            .foregroundColor(Color.black)
            .background(Color.white)
            .frame(width: 200, height: 200)
        }
    }

}

此外，这里是应用程序和打印面板的屏幕截图。

Answer 1

感谢@Willeke 的评论和指针，感谢@user2120275 提出了一个不同的问题，该问题恰好包含解决我的问题所需的技巧。解决方案是从 NSHostingView 返回的 NSView 创建一个 NSImageView，然后打印该 NSImageView 而不是原始的 NSView。

来工作：

view.frame.size = CGSize(width: 300, height: 300)
let po = NSPrintOperation(view: view, printInfo: pi)

我上面的示例代码可以通过将这两行替换为以下内容

let contentRect = NSRect(x: 0, y: 0, width: 300, height: 300)
view.frame.size = contentRect.size

let newWindow = NSWindow(
    contentRect: contentRect,
    styleMask: [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView],
    backing: .buffered, defer: false)
newWindow.contentView = view

let myNSBitMapRep = newWindow.contentView!.bitmapImageRepForCachingDisplay(in: contentRect)!
newWindow.contentView!.cacheDisplay(in: contentRect, to: myNSBitMapRep)

let myNSImage = NSImage(size: myNSBitMapRep.size)
myNSImage.addRepresentation(myNSBitMapRep)

let nsImageView = NSImageView(frame: contentRect)
nsImageView.image = myNSImage

let po = NSPrintOperation(view: nsImageView, printInfo: pi)