Upgrade to Pro — share decks privately, control downloads, hide ads and more …

DnD in Compose

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for punchdrunker punchdrunker
April 04, 2025
320
0

DnD in Compose

Avatar for punchdrunker

punchdrunker

April 04, 2025

More Decks by punchdrunker

See All by punchdrunker
Kotlin2.0以降の新機能
Avatar for punchdrunker punchdrunker
0
48
what's new in Material Design で気になったトピック
Avatar for punchdrunker punchdrunker
1
640
7カ国語に対応したサービスでの翻訳管理システムの改善事例
Avatar for punchdrunker punchdrunker
1
1.5k
Java Bytecode Vertical Tasting
Avatar for punchdrunker punchdrunker
2
1.6k
getting started with dark theme
Avatar for punchdrunker punchdrunker
2
1.1k
Practical Activity Transition in Android
Avatar for punchdrunker punchdrunker
0
1.3k
今時のProgress indicator / Replacing ProgressDialog with ProgressBar
Avatar for punchdrunker punchdrunker
0
740
レビュー評価4.7の秘密 / The Secret To A Better Reputation
Avatar for punchdrunker punchdrunker
2
2.1k
Dynamic Feature Modules 入門
Avatar for punchdrunker punchdrunker
2
2.8k

Featured

See All Featured
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
150
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
250
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.8k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
320
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
190
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
200
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
71
40k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
180

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

    -