当前位置: 首页 > 面试题库 >

SwiftUI拖放文件

施彬郁
2023-03-14
问题内容

我正在尝试向我的SwiftUI Mac应用程序添加“拖放”手势/功能。

我想将文件从系统/桌面拖放到应用程序中。我发现它可以在常规Swift中使用。我现在正尝试在SwiftUI中执行此操作。

onDrop()在SwiftUI for Views中找到了一个函数。但是,看起来这仅适用于应用程序内部的内部手势。我想从外面拖文件。

在Swift中,您需要为拖动的类型注册NSView。

registerForDraggedTypes([kUTTypeFileURL,kUTTypeImage])

我想创建一个NSViewRepresentable并将其包装到我的SwiftUI视图中。

这是我想出的代码,但是我不能调用registerForDraggedTyped

final class DragDropView: NSViewRepresentable {

    func makeNSView(context: NSViewRepresentableContext<DragDropView>) -> NSView {
        let view = NSView()

        view.registerForDraggedTypes([NSPasteboard.PasteboardType.pdf, NSPasteboard.PasteboardType.png])

        return view
    }

    func updateNSView(_ nsView: NSView, context: NSViewRepresentableContext<DragDropView>) {

    }

在SwiftUI中,有没有更简单的解决方案?我想使用该onDrop()函数,但这不适用于外部文件,不是吗?


问题答案:

这是拖放的演示,已通过Xcode 11.4 / macOS 10.15.4测试。

Initial image位于资产库上,接受从Finder /
Desktop(拖放)到TextEdit(拖动)作为文件url的拖放(仅出于简化目的),并注册TIFF表示的拖动。

struct TestImageDragDrop: View {
    @State var image = NSImage(named: "image")
    @State private var dragOver = false

    var body: some View {
        Image(nsImage: image ?? NSImage())
            .onDrop(of: ["public.file-url"], isTargeted: $dragOver) { providers -> Bool in
                providers.first?.loadDataRepresentation(forTypeIdentifier: "public.file-url", completionHandler: { (data, error) in
                    if let data = data, let path = NSString(data: data, encoding: 4), let url = URL(string: path as String) {
                        let image = NSImage(contentsOf: url)
                        DispatchQueue.main.async {
                            self.image = image
                        }
                    }
                })
                return true
            }
            .onDrag {
                let data = self.image?.tiffRepresentation
                let provider = NSItemProvider(item: data as NSSecureCoding?, typeIdentifier: kUTTypeTIFF as String)
                provider.previewImageHandler = { (handler, _, _) -> Void in
                    handler?(data as NSSecureCoding?, nil)
                }
                return provider
            }
            .border(dragOver ? Color.red : Color.clear)
    }
}


 类似资料:
  • 作为桌面程序,当然希望能够实现操作系统的 drag & drop 功能。 很多网站已经支持拖拽文件 Electron 当然也支持 要在 app 中实现此功能 ,你需要在 Render 进程中调用webContents.startDrag(item) API, 此API会给 Main 进程发送一个ondragstart事件。 在 Render 进程中, 接收 ondragstart 事件并发送消息到

  • 概览 作为桌面程序,当然希望能够实现操作系统的 drag & drop 功能。 很多网站已经支持拖拽文件, Electron 当然也支持 要在您的应用中实现此功能,您需要调用 webContent.startDrag(item) API 响应 ondragstart 事件。 示例 一个演示如何动态创建要从窗口中拖出的文件的示例。 Preload.js 在 preload.js 中使用 contex

  • 问题内容: 如今,我们可以将文件拖放到一个特殊的容器中,并使用XHR2上载它们。带有实时进度条等。非常酷的东西。 但是有时候我们不想要那么酷。我想要的是一次将文件拖放 到标准HTML文件输入中 :。 那可能吗?有什么方法可以从文件拖放中用正确的文件名(?)“填充”文件输入吗?(出于文件系统安全性原因,完整的文件路径不可用。) 为什么? 因为我想提交一份普通表格。适用于所有浏览器和所有设备。拖放只是

  • 问题内容: 我还没有看到执行此操作的示例。API规范中不允许这样做吗? 我正在寻找一种简单的拖放解决方案,用于上传整个文件夹的照片树。 问题答案: 多亏了Chrome> = 21,现在才有可能。

  • 我目前正在尝试通过调用一个以MultiPartFormData作为输入的资源来编写一个IT测试。 它在应用程序“正常”启动时工作,但在使用DropwizardAppRule助手启动时不工作。 这是我的代码: QORUS_APP的发音如下: 我收到以下错误: 消息找不到媒体类型=多部分/表单数据,类型=类组织.玻璃鱼.泽西岛.媒体.多部分.表单数据多部分,通用类型=类组织.玻璃鱼.泽西岛.媒体.多部

  • 允许拖放树中的节点,从而进行移动或复制操作。 $.jstree.defaults.dnddnd plugin 存储拖放插件的所有默认设置 $.jstree.defaults.dnd.copydnd plugin 一个布尔值,指示在拖动时是否应该可以进行复制(通过按入meta键或Ctrl)。默认为 true. $.jstree.defaults.dnd.open_timeoutdnd plugin