DnD in Compose

Transcript

1. DnD in Compose @punchdrunker 2025/4/4
2. 自己紹介 - 2010〜 Android / iOS Dev - Director of DroidKaigi Association - MNG - Tamagotchi Connect
3. ComposeでもDnD(ドラッグアンドドロップ)できる? - Jetpack Compose 1.6からDnDサポート追加 - 具体的には dragAndDropSource と dragAndDropTarget を使う - Viewベースと同じく ClipData でデータを渡せる
4. 最小限の実装の流れ 構成 - Modifier.dragAndDropSource → ドラッグしたいもの - ClipDataで中身を渡す - Modifier.dragAndDropTarget → ドロップ先 - DragAndDropEventでイベント受け取り 📦 データの受け渡しは ClipData.newPlainText("label", "value") みたいな感じ
5. example: dragAndDropSource
6. example: dragAndDropTarget 1/2
7. example: dragAndDropTarget 2/2 onDropだけ 実装必須
8. example: DragAndDropEvent - DragAndDropEvent - mimeType - DragEvent - Offset - ClipData - …(たくさん)
9. まとめ まとめ: - ComposeでもDnDができるようになった - Modifierベースで導入も簡単 - ClipDataとDragAndDropEventの理解がポイント - 外部アプリからのDnD対応もできそうなのでやってみたい - ファイルDnDなども試す予定！
10. Resources - actual code: https://github.com/punchdrunker/compose-drag-and-drop/blob/main/app/src/ main/java/com/example/myapplication/MainActivity.kt - overview: https://developer.android.com/reference/kotlin/androidx/compose/foundation/d raganddrop/package-summary -