SwiftUI macOS平台.MOV文件拖拽功能实现疑问求助

嗨，我完全懂你现在的困惑！当初我在做macOS SwiftUI的视频拖拽功能时，也卡在怎么把MOV文件和Transferable结合这一步，确实有点绕。我帮你梳理一下核心问题和解决办法：

首先你当前的代码有两个关键问题：一是用了draggable([Data])这种模糊的类型，系统没法识别这是MOV文件；二是只写了拖拽的声明，没处理接收拖拽进来的逻辑（看你的界面提示是要用户把MOV拖进来，所以这部分才是重点）。

下面一步步给你改：

1. 先定义针对MOV文件的Transferable类型 #

这是整个拖拽功能的核心，我们需要让SwiftUI知道我们要处理的是MOV格式的文件，用Transferable协议来封装：

struct MOVFile: Transferable {
    let url: URL
    
    static var transferRepresentation: some TransferRepresentation {
        // 用com.apple.quicktime-movie这个UTI精准匹配MOV文件，也可以用.movie覆盖所有视频
        FileRepresentation(contentType: UTType("com.apple.quicktime-movie")!) { file in
            SentTransferredFile(file.url)
        } importing: { receivedFile in
            // 如果需要把拖进来的文件复制到App的沙盒目录（避免原文件被删除后失效），这里处理复制逻辑
            let appSupportDir = FileManager.default.urls(for: .applicationSupportDirectory, in: .userDomainMask)[0]
            let destURL = appSupportDir.appending(path: receivedFile.file.lastPathComponent)
            // 先删除已存在的同名文件，避免复制失败
            if FileManager.default.fileExists(atPath: destURL.path) {
                try? FileManager.default.removeItem(at: destURL)
            }
            try FileManager.default.copyItem(at: receivedFile.file, to: destURL)
            return Self(url: destURL)
        }
    }
}

这里用FileRepresentation直接关联文件系统的URL，比用Data高效得多，也更符合macOS的文件处理逻辑。

2. 修改ContentView的状态和拖拽接收逻辑 #

首先把原来的media: [Data]改成保存MOV文件的状态，然后给你的拖拽区域加上接收拖拽的处理：

struct ContentView: View {
    // 保存拖进来的MOV文件，替换原来的[Data]
    @State private var movFiles: [MOVFile] = []
    @State private var isResourcesExpanded: Bool = true
    @State private var isConvertedFilesExpanded: Bool = true
    
    var body: some View {
        NavigationSplitView {
            List {
                convertedFiles
            }
            .listStyle(.sidebar)
        } detail: {
            dragAndDrop
        }
    }
    
    private var convertedFiles: some View {
        Section(
            isExpanded: $isConvertedFilesExpanded,
            content: {
                // 这里可以显示已拖入的MOV文件列表
                VStack(alignment: .leading) {
                    ForEach(movFiles, id: \.url) { file in
                        Text(file.url.lastPathComponent)
                            .draggable(file) // 如果需要从这里把文件拖出去，加这个
                    }
                }
            },
            header: {
                HStack() {
                    Image(systemName: "folder.fill")
                        .foregroundStyle(.teal)
                    Text("Converted Files")
                }
            })
    }
    
    private var dragAndDrop: some View {
        VStack(spacing: 16) {
            Text("Drag .MOV Files")
                .font(.largeTitle)
            Image(systemName: "film")
                .font(.system(size: 60))
            // 显示已拖入的文件
            if !movFiles.isEmpty {
                List(movFiles, id: \.url) { file in
                    Text(file.url.lastPathComponent)
                }
                .frame(height: 200)
            }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        // 关键：添加接收拖拽的处理，只接受MOV文件
        .onDrop(of: [UTType("com.apple.quicktime-movie")!], delegate: MOVDropDelegate(movFiles: $movFiles))
    }
}

3. 实现DropDelegate处理拖拽接收细节 #

这个代理负责处理拖拽进入、放下时的逻辑，还要处理macOS沙盒的文件权限：

class MOVDropDelegate: DropDelegate {
    @Binding var movFiles: [MOVFile]
    
    init(movFiles: Binding<[MOVFile]>) {
        self._movFiles = movFiles
    }
    
    func performDrop(info: DropInfo) -> Bool {
        guard let itemProviders = info.itemProviders(for: [UTType("com.apple.quicktime-movie")!]) else {
            return false
        }
        
        for provider in itemProviders {
            provider.loadObject(ofClass: URL.self) { [weak self] url, error in
                guard let self = self, let fileURL = url else {
                    return
                }
                // macOS沙盒访问外部文件需要临时权限
                guard fileURL.startAccessingSecurityScopedResource() else {
                    return
                }
                defer {
                    fileURL.stopAccessingSecurityScopedResource()
                }
                // 二次验证文件后缀，确保是MOV
                if fileURL.pathExtension.lowercased() == "mov" {
                    DispatchQueue.main.async {
                        self.movFiles.append(MOVFile(url: fileURL))
                    }
                }
            }
        }
        return true
    }
    
    // 可以加个拖拽进入时的视觉反馈，比如变背景色
    func dropEntered(info: DropInfo) {
        // 比如给父视图加个背景色变化，你可以自己调整
    }
}

核心要点总结 #

1. 别用Data来处理文件拖拽，直接用URL封装成Transferable类型，既高效又符合系统逻辑
2. 一定要绑定MOV文件对应的UTI（com.apple.quicktime-movie），不然系统识别不了你要拖的是啥
3. macOS沙盒访问外部文件必须用startAccessingSecurityScopedResource，用完记得释放
4. 区分清楚：draggable是用来把内容拖出去，onDrop才是用来接收拖进来的内容，你之前的代码只写了前者，没处理后者

这样改完之后，你就能正常接收MOV文件拖拽，也能从列表里把拖进来的文件再拖出去啦！

内容来源于stack exchange