Jetpack compose をちょっと触ってみた / about jetpack compose

+FUQBDLDPNQPTF Λͪΐͬͱ৮ͬͯΈͨ "OESPJEݚڀൃදձ

ࣗݾ঺հ w ୸ຊେथ!DIBSDP@KQ w BLJQQBגࣜձࣾ w "OESPJEΞϓϦ։ൃ w 'MVUUFSΞϓϦ։ൃ ࢝Ίͨ͹͔Γɻ

λʔήοτ w +FUQBDL$PNQPTFΛ஌Βͳ͍ਓ w +FUQBDL$PNQPTFͷ໊લ͚ͩ஌͍ͬͯΔਓ

࿩͢͜ͱ w +FUQBDL$PNQPTFͱ͸ w ಛ௃ w +FUQBDL$PNQPTF͕ඞཁʹͳͬͨཧ༝ w ؆୯ͳ+FUQBDL$PNQPTFͷίʔυղઆ w
ιʔεΛݟͯΈΔʢ࣌ؒ༨ͬͨΒʣ w ॴײ

+FUQBDL$PNQPTFͱ͸ w ωΠςΟϒ6*ॻͨ͘ΊͷπʔϧΩοτ w 4%,ະόϯυϧ w ,PUMJOલఏ w એݴత6* w
3FBDU -JUIP 7VFKT 'MVUUFSʹ৮ൃ͞Εͨ w JO%FWFMPQFS1SFWJFX

એݴత6*ʁ

ࡶʹݴ͏ͱ ॻ͍ͯ͋Δ௨Γʹ6*͕දࣔ͞ΕΔ ˞஌͕ࣝͳ͍ͷͰ৮Ε·ͤΜ

+FUQBDL$PNQPTFͱ͸ w ωΠςΟϒ6*Λߏங͢ΔͨΊͷ࠷৽πʔϧΩοτ w 4%,ະόϯυϧ w ,PUMJOલఏ w એݴత6* w
3FBDU -JUIP 7VFKT 'MVUUFSʹ৮ൃ͞Εͨ w JO%FWFMPQFS1SFWJFX

// ఆٛ fun hoge(callback: () -> Unit) { print("Hoge!") callback()
} fun main() { hoge() { print("ऴΘͬͨΑ") } hoge({ print("ऴΘͬͨΑ") }) } Ҿ਺ͷ ͷ֎ʹDBMMCBDLͷ ॲཧΛهड़ Ҿ਺ͷதʹهड़ Ҿ਺ͷؔ਺Λ֎ͩ͠ग़དྷΔ

+FUQBDL$PNQPTFͱ͸ w ωΠςΟϒ6*Λߏங͢ΔͨΊͷ࠷৽πʔϧΩοτ w 4%,ະόϯυϧ w ,PUMJOલఏ w એݴత6* w
3FBDU -JUIP 7VFKT 'MVUUFSʹ৮ൃ͞Εͨ w JO%FWFMPQFS1SFWJFX w "1*͕ະ׬੒Ͱมߋ͕༧ఆ͞Ε͍ͯΔͨΊɺ੡඼൛Ͱ࢖༻͠ ͳ͍͜ͱ w "OESPJE4UVEJP$BOBSZ

+FUQBDL$PNQPTF͕ඞཁʹͳͬͨཧ༝ w $PNQPOFOU"1*Λ͔Βߏங͍ͨ͠ w ྺ࢙తܦҢͰBOESPJEWJFX഑Լͷ࣮૷͕ෳࡶ w ΧελϜ6*ίϯϙʔωϯτ࡞Δͷ͕େม w 'SBHNFOU $VTUPN7JFX$VTUPN7JFX(SPVQ
w ͳͲͳͲɻ w Ҿ༻ݩ w IUUQTEFWFMPQFSBOESPJEDPNKFUQBDLDPNQPTF w IUUQTXXXZPVUVCFDPNXBUDI W7T4UZR-[YP

؆୯ͳ+FUQBDL$PNQPTFͷίʔυղઆ w "OESPJE4%,ͷ7JFX$PNQPTBCMF ߏ੒Մೳͳ ؔ਺͠ɺͦͷؔ਺ͷπϦʔߏ଄ʹΑΓ6*͕ߏங͞ΕΔ w !$PNQPTBCMFBOOPUBUJPO w ؔ਺ʹ෇༩͢Δߏ੒Մೳͳؔ਺ͱͳΔ
w 5FYU #VUUPOͳͲͷΑ͘࢖͏7JFXͱ'"#΍$BSEͳ Ͳͷ.BUFSJBM%FTJHOͰఆٛ͞Ε͍ͯΔ7JFX͸ݱঢ়Ͱ ΋͋Δఔ౓༻ҙ͞Ε͍ͯΔ

5FYU @Composable fun Text( text: String, modifier: Modifier = Modifier.None,
style: TextStyle? = null, paragraphStyle: ParagraphStyle? = null, softWrap: Boolean = DefaultSoftWrap, overflow: TextOverflow = DefaultOverflow, // TODO(siyamed): remove suppress @SuppressLint("AutoBoxing") maxLines: Int? = DefaultMaxLines, selectionColor: Color = DefaultSelectionColor ) { Text( text = AnnotatedString(text), modifier = modifier, style = style, paragraphStyle = paragraphStyle, softWrap = softWrap, overflow = overflow, maxLines = maxLines, selectionColor = selectionColor ) }

5FYUར༻ class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?)
{ super.onCreate(savedInstanceState) setContent { Text( text = "Hello World!", style = TextStyle( color = Color.Blue, fontSize = 24.sp ) ) } } }

-JTU7JFX w -JTU7JFX 3FDZDMFS7JFXʹ૬౰͢Δ$PNQPOFU͸ͳ͍ w ݱঢ়Ͱ͸ҎԼͷೋͭΛ૊Έ߹Θ࣮ͤͯݱ͢Δ͜ͱʹͳΔ w 7FSUJDBM4DSPMMFS4DSPMM7JFX w $PMVNO-JOFBS-BZPVU
PSJFOUBUJPOWFSUJDBM

-JTUදࣔ @Composable fun MinimumListExampleScreen() { VerticalScroller { Column { (0..20).map
{ ListItem( text = it.toString(), onClick = { } ) Divider() } } } }

ιʔεΛݟͯΈΔ ʢ࣌ؒ༨ͬͨΒʣ

ॴײ w طଘͷ࣮૷ํ๏ΑΓ͸Δ͔ʹָͰ௚ײతɻݸਓతʹ͸TUBCMFʹͳͬͨΒ࢖Θͳ ͍ͱ͍͏બ୒͸ͳ͍ w ۪௚ʹॻ͍͍ͯ͘ͱωετ͕ਂͯ͘Մಡੑ͕Լ͕Γͦ͏ w ϝιουநग़ͯ͠!$PNQPTBCMFΛ͢Ε͹ύʔπԽͰ͖ΔͷͰ໰୊ʹ͸ͳΒ ͳ͍ͱࢥ͏ɻͨͩTQBDFΠϯσϯτ͸ྲྀੴʹਏͦ͏ w
'MVUUFSͰͷܦݧ શͯΛ,PUMJOͰ͔͚Δ͚ͩͰՁ஋͕͋Δ w +BWB,PUMJOMBZPVUYNMTFUUJOHTYNMͳͲ͸ݴޠʗॻ͖ํ͕ҧ͏ ͨΊ಄ͷ੾Γସ͕͑ൃੜ͢Δ͕ͦΕ͕ͳ͍ w એݴత6* w J04"OESPJEͱ΋ʹରԠ͢ΔϥΠϒϥϦΛ༻ҙͨ͠ϞόΠϧΞϓϦ։ൃ ऀͷඞमՊ໨ʹͳΔ w ৽͍͠ߟ͑ํͰ͋ΔͨΊɺҰ֮ͭ͑ͯ͠·͑͹ଞʹ஌ࣝΛྲྀ༻Ͱ͖Δ

͜ͷػձʹ+FUQBDL $PNQPTFΛ৮ͬͯΈͯ͸ ͍͔͕Ͱ͠ΐ͏͔ʂ

͓ΘΓ

Jetpack compose をちょっと触ってみた / about jetpack comp...

Jetpack compose をちょっと触ってみた / about jetpack compose

charcoJp

More Decks by charcoJp

Other Decks in Programming

Featured

Transcript

+FUQBDLDPNQPTF Λͪΐͬͱ৮ͬͯΈͨ "OESPJEݚڀൃදձ

ࣗݾ঺հ w ୸ຊେथ!DIBSDP@KQ w BLJQQBגࣜձࣾ w "OESPJEΞϓϦ։ൃ w 'MVUUFSΞϓϦ։ൃ ࢝Ίͨ͹͔Γɻ

λʔήοτ w +FUQBDL$PNQPTFΛ஌Βͳ͍ਓ w +FUQBDL$PNQPTFͷ໊લ͚ͩ஌͍ͬͯΔਓ

࿩͢͜ͱ w +FUQBDL$PNQPTFͱ͸ w ಛ௃ w +FUQBDL$PNQPTF͕ඞཁʹͳͬͨཧ༝ w ؆୯ͳ+FUQBDL$PNQPTFͷίʔυղઆ w

+FUQBDL$PNQPTFͱ͸ w ωΠςΟϒ6ॻͨ͘ΊͷπʔϧΩοτ w 4%,ະόϯυϧ w ,PUMJOલఏ w એݴత6 w

+FUQBDL$PNQPTFͱ͸ w ωΠςΟϒ6ॻͨ͘ΊͷπʔϧΩοτ w 4%,ະόϯυϧ w ,PUMJOલఏ w એݴత6 w

+FUQBDL$PNQPTFͱ͸ w ωΠςΟϒ6ॻͨ͘ΊͷπʔϧΩοτ w 4%,ະόϯυϧ w ,PUMJOલఏ w એݴత6 w

+FUQBDL$PNQPTFͱ͸ w ωΠςΟϒ6ॻͨ͘ΊͷπʔϧΩοτ w 4%,ະόϯυϧ w ,PUMJOલఏ w એݴత6 w

એݴత6*ʁ

ࡶʹݴ͏ͱ ॻ͍ͯ͋Δ௨Γʹ6*͕දࣔ͞ΕΔ ˞஌͕ࣝͳ͍ͷͰ৮Ε·ͤΜ

+FUQBDL$PNQPTFͱ͸ w ωΠςΟϒ6Λߏங͢ΔͨΊͷ࠷৽πʔϧΩοτ w 4%,ະόϯυϧ w ,PUMJOલఏ w એݴత6 w

// ఆٛ fun hoge(callback: () -> Unit) { print("Hoge!") callback()

+FUQBDL$PNQPTFͱ͸ w ωΠςΟϒ6Λߏங͢ΔͨΊͷ࠷৽πʔϧΩοτ w 4%,ະόϯυϧ w ,PUMJOલఏ w એݴత6 w

+FUQBDL$PNQPTF͕ඞཁʹͳͬͨཧ༝ w $PNQPOFOU"1Λ͔Βߏங͍ͨ͠ w ྺ࢙తܦҢͰBOESPJEWJFX഑Լͷ࣮૷͕ෳࡶ w ΧελϜ6ίϯϙʔωϯτ࡞Δͷ͕େม w 'SBHNFOU $VTUPN7JFX$VTUPN7JFX(SPVQ

+FUQBDL$PNQPTF͕ඞཁʹͳͬͨཧ༝ w $PNQPOFOU"1Λ͔Βߏங͍ͨ͠ w ྺ࢙తܦҢͰBOESPJEWJFX഑Լͷ࣮૷͕ෳࡶ w ΧελϜ6ίϯϙʔωϯτ࡞Δͷ͕େม w 'SBHNFOU $VTUPN7JFX$VTUPN7JFX(SPVQ

؆୯ͳ+FUQBDL$PNQPTFͷίʔυղઆ w "OESPJE4%,ͷ7JFX$PNQPTBCMF ߏ੒Մೳͳ ؔ਺͠ɺͦͷؔ਺ͷπϦʔߏ଄ʹΑΓ6*͕ߏங͞ΕΔ w !$PNQPTBCMFBOOPUBUJPO w ؔ਺ʹ෇༩͢Δߏ੒Մೳͳؔ਺ͱͳΔ

5FYU @Composable fun Text( text: String, modifier: Modifier = Modifier.None,

5FYUར༻ class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?)

-JTU7JFX w -JTU7JFX 3FDZDMFS7JFXʹ૬౰͢Δ$PNQPOFU͸ͳ͍ w ݱঢ়Ͱ͸ҎԼͷೋͭΛ૊Έ߹Θ࣮ͤͯݱ͢Δ͜ͱʹͳΔ w 7FSUJDBM4DSPMMFS4DSPMM7JFX w $PMVNO-JOFBS-BZPVU

-JTUදࣔ @Composable fun MinimumListExampleScreen() { VerticalScroller { Column { (0..20).map

ιʔεΛݟͯΈΔ ʢ࣌ؒ༨ͬͨΒʣ

ॴײ w طଘͷ࣮૷ํ๏ΑΓ͸Δ͔ʹָͰ௚ײతɻݸਓతʹ͸TUBCMFʹͳͬͨΒ࢖Θͳ ͍ͱ͍͏બ୒͸ͳ͍ w ۪௚ʹॻ͍͍ͯ͘ͱωετ͕ਂͯ͘Մಡੑ͕Լ͕Γͦ͏ w ϝιουநग़ͯ͠!$PNQPTBCMFΛ͢Ε͹ύʔπԽͰ͖ΔͷͰ໰୊ʹ͸ͳΒ ͳ͍ͱࢥ͏ɻͨͩTQBDFΠϯσϯτ͸ྲྀੴʹਏͦ͏ w

͜ͷػձʹ+FUQBDL $PNQPTFΛ৮ͬͯΈͯ͸ ͍͔͕Ͱ͠ΐ͏͔ʂ

͓ΘΓ