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

JetpackCompose Slot APIs

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for mitohato14 mitohato14
June 27, 2021
0
1k

JetpackCompose Slot APIs

Avatar for mitohato14

mitohato14

June 27, 2021
Tweet

More Decks by mitohato14

See All by mitohato14
Androidアプリ開発にもCursorという選択肢を
Avatar for mitohato14 mitohato14
0
260
兎に角、コードレビュー
Avatar for mitohato14 mitohato14
1
330
CodeRabbitと過ごした1ヶ月 ─ AIコードレビュー導入で実感したチーム開発の進化
Avatar for mitohato14 mitohato14
4
3.3k
アプリの復旧を早くしたい！
Avatar for mitohato14 mitohato14
1
130
事業開発とコミュニティ活動
Avatar for mitohato14 mitohato14
0
58
プレビューファーストUI開発
Avatar for mitohato14 mitohato14
1
490
新米テックリードの試行錯誤.pdf
Avatar for mitohato14 mitohato14
1
530
Start Jetpack Compose.pdf
Avatar for mitohato14 mitohato14
0
400

Featured

See All Featured
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
120
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
HDC tutorial
Avatar for Michiel Stock michielstock
1
380
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
520
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
220
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
110
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k

Transcript

  1. Slot APIs in Jetpack Compose mito

  2. Slot APIs • Composableͷ্ʹΧελϚΠζͷϨΠϠΛద༻͢Δύλʔϯ • ݟͨ໨ΛΧελϚΠζ͠΍͘͢ͳΔ • ࡉ͔͍ΧελϚΠζ༻ͷҾ਺Λ௥Ճ͠ͳͯ͘΋ྑ͘ͳΔ • ϚςϦΞϧίϯϙʔωϯτͷComposableͰଟ༻͞Ε͍ͯΔ

    ࿮ʹComposableΛ౰ͯ͸ΊΔ͜ͱ͕Ͱ͖ΔΠϝʔδ

  3. TopAppBar composable https://developer.android.com/jetpack/compose/layout#slot-based-layouts

  4. TopAppBar composable https://developer.android.com/jetpack/compose/layout#slot-based-layouts Slot Slot Slot

  5. TopAppBar composable

  6. TopAppBar composable

  7. TopAppBar composable navigationIcon title actions

  8. Usage

  9. Usage

  10. Other… • Scaffold • BottomAppBar • Button/IconButton • more…

  11. Sca ff old

  12. None
  13. None

  14. Sca ff old

  15. Sca ff old

  16. Conclusion • Composableͷݟͨ໨ΛΧελϚΠζ͠΍͘͢ͳΔ • ఏڙ͞ΕͯΔComposableͷଟ͘ͰSlot͕༻ҙ͞Ε͍ͯΔ • ࣗ࡞ͷڞ௨ComposableͰ΋Slot༻ҙ͢Δͱ٢

  17. Reference • https://developer.android.com/jetpack/compose/layout#slot- based-layouts • https://developer.android.com/codelabs/jetpack-compose- layouts#3