4 拖放 on 编程那些事儿

4.1 在 SwiftUI 中采用拖放

Sat, 12 Sep 2026 12:47:47 +0800

原文链接: https://developer.apple.com/documentation/swiftui/adopting-drag-and-drop-using-swiftui

4.1 在 SwiftUI 中采用拖放

在列表、表格和自定义视图里启用拖放交互。

概述

这个示例代码项目演示了 SwiftUI 视图如何充当拖拽源或放置目标。

要启用拖拽交互，请为一个视图添加 draggable(_:) 修饰符，从而在应用内、你自己的多个应用之间，或者在你的应用与支持导入或导出某种数据格式的其他应用之间发送或接收 Transferable 项目。要处理被放置的内容，请使用 dropDestination(for:action:isTargeted:) 修饰符来接收预期的被放置项目。

4.2 把视图变成拖拽源

Sat, 12 Sep 2026 12:47:47 +0800

原文链接: https://developer.apple.com/documentation/swiftui/making-a-view-into-a-drag-source

4.2 把视图变成拖拽源

采用 draggable API 为拖放操作提供项目。

概述

当有人拖拽你应用中某个项目在屏幕上的视觉表示（例如一张照片、一个地图位置、一个日历事件或一段选中的文本）时，这次拖拽操作会关联一些数据，以及系统显示的该数据的预览。添加 draggable(_:) 修饰符即可让该视图充当拖拽源，并提供一个遵循 Transferable 协议的值。

4.3 在列表、栈、网格和自定义布局中重新排序项目

Sat, 12 Sep 2026 12:47:47 +0800

原文链接: https://developer.apple.com/documentation/swiftui/reordering-items-in-lists-stacks-grids-and-custom-layouts

4.3 在列表、栈、网格和自定义布局中重新排序项目

使用重新排序修饰符为 SwiftUI 布局添加拖拽重新排序的交互。

概述

当你有一组或多组有序数据项目，且每个项目都在容器（例如列表、栈、网格或自定义布局）中显示为一个视图时，SwiftUI 会提供重新排序功能。系统允许用户选中某个表示数据项目的视图，并在容器中拖动它。当他们拖动该视图时，其他视图会移动，以显示一个可以放置该视图的占位空间。

4.4 用 SwiftUI 制作带拖放与重排的纸牌游戏

Sat, 12 Sep 2026 12:47:47 +0800

原文链接: https://developer.apple.com/documentation/swiftui/making-a-card-game-with-drag-drop-and-reordering-in-swiftui

4.4 用 SwiftUI 制作带拖放与重排的纸牌游戏

使用拖放与重排修饰符在纸牌游戏中的不同位置之间移动纸牌。

概述

注意：这个示例代码项目与 WWDC26 的讲座 271 相关：代码实战：在 SwiftUI 中构建强大的拖放功能。