我正在尝试向我的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