如何用NSOpenPanel选择文件并在QLPreviewView中预览？

核心问题分析 #

你之前的尝试存在几个关键错误：

• 第一种尝试仅传递文件名而非完整文件URL，且updateNSView方法未更新已有预览视图的内容，同时原loadPreviewItem方法仅从App Bundle读取文件，无法访问外部资源
• 第二种尝试中MyPreview自行实例化了ViewModel，导致与ContentView的ViewModel不是同一实例，数据无法同步；且updateNSView新建视图而非更新已有视图，URL转字符串再转回的操作也容易引发错误

正确实现代码 #

import SwiftUI
import AppKit
import Quartz

// 统一管理PDF选中状态的ViewModel
class PDFViewModel: ObservableObject {
    @Published var selectedPDFURL: URL?
}

// 封装QLPreviewView的SwiftUI视图
struct PDFPreview: NSViewRepresentable {
    @ObservedObject var viewModel: PDFViewModel

    func makeNSView(context: Context) -> QLPreviewView {
        let previewView = QLPreviewView(frame: .zero, style: .normal)
        previewView.autostarts = true
        return previewView
    }

    func updateNSView(_ nsView: QLPreviewView, context: Context) {
        // 直接更新已有预览视图的预览项，而非重建视图
        nsView.previewItem = viewModel.selectedPDFURL as QLPreviewItem?
    }
}

// 主视图
struct ContentView: View {
    @StateObject private var viewModel = PDFViewModel()

    var body: some View {
        VStack {
            PDFPreview(viewModel: viewModel)
                .frame(minWidth: 600, minHeight: 400)
            Divider()
            Button("选择PDF") {
                let openPanel = NSOpenPanel()
                openPanel.allowedFileTypes = ["pdf"]
                openPanel.allowsMultipleSelection = false
                openPanel.canChooseDirectories = false
                openPanel.canChooseFiles = true
                
                // 安全处理面板返回结果，避免强制解包出错
                if openPanel.runModal() == .OK {
                    viewModel.selectedPDFURL = openPanel.url
                }
            }
        }
        .padding()
    }
}

关键改进说明 #

1. ViewModel优化：用URL?替代字符串存储文件路径，避免类型转换错误，@Published属性确保数据变化时自动触发视图刷新
2. NSViewRepresentable规范：
   • makeNSView仅初始化一次QLPreviewView
   • updateNSView直接更新已有视图的previewItem，这是SwiftUI与AppKit组件交互的核心原则——不要重建视图，而是更新现有视图的状态
3. 数据同步：ContentView和PDFPreview共享同一个ViewModel实例，确保选中文件后数据能实时同步到预览视图
4. 安全处理面板：判断用户是否点击确定按钮，避免用户取消选择时强制解包openPanel.url引发崩溃

内容的提问来源于stack exchange，提问作者swiftnoob