JetpackCompose Slot APIs

by mitohato14

Slide 1

Slide 1 text

Slot APIs in Jetpack Compose mito

Slide 2

Slide 2 text

Slot APIs • Composableͷ্ʹΧελϚΠζͷϨΠϠΛద༻͢Δύλʔϯ • ݟͨ໨ΛΧελϚΠζ͠΍͘͢ͳΔ • ࡉ͔͍ΧελϚΠζ༻ͷҾ਺Λ௥Ճ͠ͳͯ͘΋ྑ͘ͳΔ • ϚςϦΞϧίϯϙʔωϯτͷComposableͰଟ༻͞Ε͍ͯΔ ࿮ʹComposableΛ౰ͯ͸ΊΔ͜ͱ͕Ͱ͖ΔΠϝʔδ

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

TopAppBar composable

Slide 6

Slide 6 text

TopAppBar composable

Slide 7

Slide 7 text

TopAppBar composable navigationIcon title actions

Slide 8

Slide 8 text

Usage

Slide 9

Slide 9 text

Usage

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

Sca ff old

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Sca ff old

Slide 15

Slide 15 text

Sca ff old

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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