SwiftUI文件管理器：文件/文件夹拖拽至文件夹功能实现咨询

嘿，作为SwiftUI新手，要搞定文件/文件夹拖到目标文件夹的功能，其实核心就是给拖拽源加上拖拽触发逻辑，给目标文件夹加上接收拖拽的处理，再配合API调用就行。咱们一步步来改你的代码：

第一步：给可拖拽项添加拖拽源逻辑 #

首先，你需要给FileItemView和FolderItemView加上.onDrag修饰符，把要拖拽的文件/文件夹数据打包成系统能识别的拖拽项。这里用模型的唯一ID作为标识，方便后续区分处理：

文件的拖拽源 #

.onDrag {
    // 用文件ID作为拖拽数据载体，同时设置显示名称
    let itemProvider = NSItemProvider(object: "\(file.id)" as NSString)
    itemProvider.suggestedName = file.name
    return itemProvider
}

文件夹的拖拽源 #

.onDrag {
    let itemProvider = NSItemProvider(object: "\(folder.id)" as NSString)
    itemProvider.suggestedName = folder.name
    return itemProvider
}

第二步：给目标文件夹添加接收拖拽的逻辑 #

接下来要给每个FolderItemView加上.onDrop修饰符，用来接收拖拽过来的内容，处理移动逻辑，最后调用API。这里我们需要自定义一个DropDelegate子类来处理细节：

自定义拖拽代理类 #

先定义一个枚举区分拖拽类型，再写代理类：

// 枚举标记拖拽的是文件还是文件夹
enum DraggedItem {
    case file(File)
    case folder(Folder)
}

class FolderDropDelegate: NSObject, DropDelegate {
    let targetFolder: Folder
    let filemanager: FileManagerViewModel // 替换成你的FileManager类名
    let onDropComplete: (DraggedItem) -> Void
    
    init(targetFolder: Folder, filemanager: FileManagerViewModel, onDropComplete: @escaping (DraggedItem) -> Void) {
        self.targetFolder = targetFolder
        self.filemanager = filemanager
        self.onDropComplete = onDropComplete
        super.init()
    }
    
    // 处理拖拽完成的核心逻辑
    func performDrop(info: DropInfo) -> Bool {
        info.itemProviders(for: [UTType.text]).first?.loadObject(ofClass: NSString.self) { [weak self] (object, error) in
            guard let self = self, let idString = object as? String, let id = UUID(uuidString: idString) else { return }
            
            DispatchQueue.main.async {
                // 判断拖拽的是文件还是文件夹
                if let file = self.filemanager.files.first(where: { $0.id == id }) {
                    // 从原列表移除，添加到目标文件夹
                    self.filemanager.files.removeAll(where: { $0.id == id })
                    self.filemanager.addFile(to: self.targetFolder, file: file)
                    self.onDropComplete(.file(file))
                } else if let folder = self.filemanager.folders.first(where: { $0.id == id }) {
                    // 禁止拖拽到自己内部
                    guard folder.id != self.targetFolder.id else { return }
                    // 移动文件夹到目标文件夹
                    self.filemanager.folders.removeAll(where: { $0.id == id })
                    self.filemanager.addFolder(to: self.targetFolder, folder: folder)
                    self.onDropComplete(.folder(folder))
                }
            }
        }
        return true
    }
    
    // 可选：拖拽进入时给目标文件夹加高亮反馈
    func dropEntered(info: DropInfo) {
        // 可以给FolderItemView绑定一个isHighlighted状态，这里切换为true
        // 比如：self.filemanager.setFolderHighlighted(folder: targetFolder, isHighlighted: true)
    }
    
    // 可选：拖拽离开时取消高亮
    func dropExited(info: DropInfo) {
        // self.filemanager.setFolderHighlighted(folder: targetFolder, isHighlighted: false)
    }
}

注意：你需要根据自己的FileManager类结构，实现addFile(to:file:)和addFolder(to:folder:)方法，比如给文件夹模型添加subfolders或files数组来存储子内容。

第三步：整合到你的现有代码 #

把上面的逻辑替换到你原来的List代码中，最终代码如下：

List {
    ForEach(self.filemanager.folders, id: \.self) { folder in
        FolderItemView(folder: folder)
            .listRowBackground(Color.white)
            .onTapGesture(count: 2) {
                if (!self.isEditable) {
                    withAnimation {
                        self.filemanager.openFolder(folder: folder)
                    }
                }
            }
            .onTapGesture(count: 1) {
                if (!self.isEditable) {
                    self.folderToViewDetails = folder
                }
            }
            .onLongPressGesture {
                withAnimation {
                    self.isEditable.toggle()
                }
            }
            // 添加文件夹拖拽源
            .onDrag {
                let itemProvider = NSItemProvider(object: "\(folder.id)" as NSString)
                itemProvider.suggestedName = folder.name
                return itemProvider
            }
            // 添加文件夹拖拽目标
            .onDrop(of: [UTType.text], delegate: FolderDropDelegate(
                targetFolder: folder,
                filemanager: self.filemanager,
                onDropComplete: { draggedItem in
                    switch draggedItem {
                    case .file(let file):
                        // 替换成你的移动文件API调用
                        print("调用API：移动文件 \(file.name) 到文件夹 \(folder.name)")
                    case .folder(let draggedFolder):
                        // 替换成你的移动文件夹API调用
                        print("调用API：移动文件夹 \(draggedFolder.name) 到文件夹 \(folder.name)")
                    }
                }
            ))
    }
    .onDelete(perform: onDeleteFolder)
    .sheet(item: self.$folderToViewDetails) { item in
        FolderDetailedView(
            folder: item, filemanager: self.filemanager
        )
            .environmentObject(self.filemanager.appSettings)
            .padding(.top, 16)
    }
    
    ForEach(self.filemanager.files, id: \.self) { file in
        FileItemView(file: file)
            .listRowBackground(Color.white)
            .onTapGesture() {
                if (!self.isEditable) {
                    self.fileToViewDetails = file
                }
            }
            .onLongPressGesture {
                withAnimation {
                    self.isEditable.toggle()
                }
            }
            // 添加文件拖拽源
            .onDrag {
                let itemProvider = NSItemProvider(object: "\(file.id)" as NSString)
                itemProvider.suggestedName = file.name
                return itemProvider
            }
    }
    .onDelete(perform: onDeleteFile)
    .sheet(item: self.$fileToViewDetails) { item in
        FileDetailedView(
            file: item, filemanager: self.filemanager
        )
            .environmentObject(self.filemanager.appSettings)
            .padding(.top, 16)
    }
}
.environment(\.editMode, isEditable ? .constant(.active) : .constant(.inactive))

一些实用提示 #

• 确保你的File和Folder模型有唯一id（比如UUID），这样才能精准定位要移动的项。
• API调用建议放在异步队列中执行，避免阻塞主线程；可以等API返回成功后再更新本地数据，保证数据一致性。
• 如果想优化拖拽体验，可以给FolderItemView添加高亮状态，在拖拽进入/离开时切换样式，让用户更清晰看到目标位置。

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