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
41
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.5k
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
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.3k
Claude Code のすすめ
Avatar for schroneko schroneko
67
220k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
540
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
560
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
310
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
580
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
220
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
210
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
55k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
580

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

    -