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

Transcript

1. +FUQBDL
   DPNQPTF
   
   Λͪΐͬͱ৮ͬͯΈͨ "OESPJEݚڀ
   
   ൃදձ
   
   
   
2. ࣗݾ঺հ w ୸ຊ
   େथ
   !DIBSDP@KQ
   w BLJQQB
   גࣜձࣾ
   w "OESPJE
   ΞϓϦ։ൃ
   w 'MVUUFS
   ΞϓϦ։ൃ
   ࢝Ίͨ͹͔Γɻ
4. λʔήοτ w +FUQBDL
   $PNQPTF
   Λ஌Βͳ͍ਓ
   w +FUQBDL
   $PNQPTF
   ͷ໊લ͚ͩ஌͍ͬͯΔਓ
5. ࿩͢͜ͱ w +FUQBDL
   $PNQPTF
   ͱ͸
   w ಛ௃
   w +FUQBDL
   $PNQPTF
   ͕ඞཁʹͳͬͨཧ༝
   w ؆୯ͳ
   +FUQBDL
   $PNQPTF
   ͷίʔυղઆ
   w ιʔεΛݟͯΈΔʢ࣌ؒ༨ͬͨΒʣ
   w ॴײ
6. +FUQBDL
   $PNQPTF
   ͱ͸ w ωΠςΟϒ6*
   ॻͨ͘ΊͷπʔϧΩοτ
   w 4%,
   ະόϯυϧ
   w ,PUMJO
   લఏ
   w એݴత6*
   w 3FBDU
   -JUIP
   7VFKT
   'MVUUFS
   ʹ৮ൃ͞Εͨ
   w JO
   %FWFMPQFS
   1SFWJFX
7. +FUQBDL
   $PNQPTF
   ͱ͸ w ωΠςΟϒ6*
   ॻͨ͘ΊͷπʔϧΩοτ
   w 4%,
   ະόϯυϧ
   w ,PUMJO
   લఏ
   w એݴత6*
   w 3FBDU
   -JUIP
   7VFKT
   'MVUUFS
   ʹ৮ൃ͞Εͨ
   w JO
   %FWFMPQFS
   1SFWJFX
8. +FUQBDL
   $PNQPTF
   ͱ͸ w ωΠςΟϒ6*
   ॻͨ͘ΊͷπʔϧΩοτ
   w 4%,
   ະόϯυϧ
   w ,PUMJO
   લఏ
   w એݴత6*
   w 3FBDU
   -JUIP
   7VFKT
   'MVUUFS
   ʹ৮ൃ͞Εͨ
   w JO
   %FWFMPQFS
   1SFWJFX
9. +FUQBDL
   $PNQPTF
   ͱ͸ w ωΠςΟϒ6*
   ॻͨ͘ΊͷπʔϧΩοτ
   w 4%,
   ະόϯυϧ
   w ,PUMJO
   લఏ
   w એݴత6*
   w 3FBDU
   -JUIP
   7VFKT
   'MVUUFS
   ʹ৮ൃ͞Εͨ
   w JO
   %FWFMPQFS
   1SFWJFX
10. એݴత6*ʁ
11. ࡶʹݴ͏ͱ
    ॻ͍ͯ͋Δ௨Γʹ6*͕දࣔ͞ΕΔ
    ˞
    ஌͕ࣝͳ͍ͷͰ৮Ε·ͤΜ
12. +FUQBDL
    $PNQPTF
    ͱ͸ w ωΠςΟϒ6*
    Λߏங͢ΔͨΊͷ࠷৽πʔϧΩοτ
    w 4%,
    ະόϯυϧ
    w ,PUMJO
    લఏ
    w એݴత6*
    w 3FBDU
    -JUIP
    7VFKT
    'MVUUFS
    ʹ৮ൃ͞Εͨ
    w JO
    %FWFMPQFS
    1SFWJFX
13. // ఆٛ fun hoge(callback: () -> Unit) { print("Hoge!") callback() } fun main() { hoge() { print("ऴΘͬͨΑ") } hoge({ print("ऴΘͬͨΑ") }) }
    
    Ҿ਺ͷ
    
    ͷ֎ʹ
    DBMMCBDL
    ͷ ॲཧΛهड़
    
    Ҿ਺ͷதʹهड़ Ҿ਺ͷؔ਺Λ֎ͩ͠ग़དྷΔ
14. +FUQBDL
    $PNQPTF
    ͱ͸ w ωΠςΟϒ6*
    Λߏங͢ΔͨΊͷ࠷৽πʔϧΩοτ
    w 4%,
    ະόϯυϧ
    w ,PUMJO
    લఏ
    w એݴత6*
    w 3FBDU
    -JUIP
    7VFKT
    'MVUUFS
    ʹ৮ൃ͞Εͨ
    w JO
    %FWFMPQFS
    1SFWJFX
    w "1*͕ະ׬੒Ͱมߋ͕༧ఆ͞Ε͍ͯΔͨΊɺ੡඼൛Ͱ࢖༻͠ ͳ͍͜ͱ
    w "OESPJE
    4UVEJP
    
    $BOBSZ
    
15. +FUQBDL
    $PNQPTF
    ͕ඞཁʹͳͬͨཧ༝ w $PNQPOFOU
    "1*
    Λ
    
    ͔Βߏங͍ͨ͠
    w ྺ࢙తܦҢͰ
    BOESPJEWJFX
    ഑Լ
    ͷ࣮૷͕ෳࡶ
    w ΧελϜ
    6*
    ίϯϙʔωϯτ
    ࡞Δͷ͕େม
    w 'SBHNFOU
    $VTUPN
    7JFX$VTUPN7JFX(SPVQ
    w ͳͲͳͲɻ
    w Ҿ༻ݩ
    w IUUQTEFWFMPQFSBOESPJEDPNKFUQBDLDPNQPTF
    w IUUQTXXXZPVUVCFDPNXBUDI W7T4UZR-[YP
16. +FUQBDL
    $PNQPTF
    ͕ඞཁʹͳͬͨཧ༝ w $PNQPOFOU
    "1*
    Λ
    
    ͔Βߏங͍ͨ͠
    w ྺ࢙తܦҢͰ
    BOESPJEWJFX
    ഑Լ
    ͷ࣮૷͕ෳࡶ
    w ΧελϜ
    6*
    ίϯϙʔωϯτ
    ࡞Δͷ͕େม
    w 'SBHNFOU
    $VTUPN
    7JFX$VTUPN7JFX(SPVQ
    w ͳͲͳͲɻ
    w Ҿ༻ݩ
    w IUUQTEFWFMPQFSBOESPJEDPNKFUQBDLDPNQPTF
    w IUUQTXXXZPVUVCFDPNXBUDI W7T4UZR-[YP
17. ؆୯ͳ
    +FUQBDL
    $PNQPTF
    ͷίʔυղઆ w "OESPJE
    4%,
    ͷ
    7JFX
    
    $PNQPTBCMF ߏ੒Մೳͳ
    
    ؔ਺͠ɺͦͷؔ਺ͷπϦʔߏ଄ʹΑΓ6*͕ߏங͞ΕΔ
    w !$PNQPTBCMF
    BOOPUBUJPO
    
    w ؔ਺ʹ෇༩͢Δ
    ߏ੒Մೳͳؔ਺
    ͱͳΔ
    w 5FYU
    #VUUPO
    ͳͲͷΑ͘࢖͏
    7JFX
    ͱ
    '"#
    ΍
    $BSE
    ͳ Ͳͷ
    .BUFSJBM
    %FTJHO
    Ͱఆٛ͞Ε͍ͯΔ
    7JFX
    ͸ݱঢ়Ͱ ΋͋Δఔ౓༻ҙ͞Ε͍ͯΔ
18. 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 ) }
19. 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 ) ) } } }
20. -JTU7JFX
    w -JTU7JFX
    3FDZDMFS7JFX
    ʹ૬౰͢Δ
    $PNQPOFU
    ͸ͳ͍
    w ݱঢ়Ͱ͸ҎԼͷೋͭΛ૊Έ߹Θ࣮ͤͯݱ͢Δ͜ͱʹͳΔ
    w 7FSUJDBM4DSPMMFS
    
    4DSPMM7JFX
    w $PMVNO
    
    -JOFBS-BZPVU PSJFOUBUJPO
    WFSUJDBM
21. -JTU
    දࣔ
    @Composable fun MinimumListExampleScreen() { VerticalScroller { Column { (0..20).map { ListItem( text = it.toString(), onClick = { } ) Divider() } } } }
22. ιʔεΛݟͯΈΔ
    ʢ࣌ؒ༨ͬͨΒʣ
23. ॴײ w طଘͷ࣮૷ํ๏ΑΓ͸Δ͔ʹָͰ௚ײతɻݸਓతʹ͸
    TUBCMF
    ʹͳͬͨΒ࢖Θͳ ͍ͱ͍͏બ୒͸ͳ͍
    w ۪௚ʹॻ͍͍ͯ͘ͱωετ͕ਂͯ͘Մಡੑ͕Լ͕Γͦ͏
    w ϝιουநग़ͯ͠
    !$PNQPTBCMF
    Λ͢Ε͹ύʔπԽͰ͖ΔͷͰ໰୊ʹ͸ͳΒ ͳ͍ͱࢥ͏ɻͨͩ
    
    TQBDF
    Πϯσϯτ͸ྲྀੴʹਏͦ͏
    w 'MVUUFS
    Ͱͷܦݧ
    શͯΛ
    ,PUMJO
    Ͱ͔͚Δ͚ͩͰՁ஋͕͋Δ
    w +BWB
    
    ,PUMJO
    
    MBZPVU
    YNM
    
    TFUUJOHT
    YNM
    ͳͲ͸ݴޠʗॻ͖ํ͕ҧ͏ ͨΊ಄ͷ੾Γସ͕͑ൃੜ͢Δ͕ͦΕ͕ͳ͍
    w એݴత6*
    w J04"OESPJE
    ͱ΋ʹରԠ͢ΔϥΠϒϥϦΛ༻ҙͨ͠
    
    ϞόΠϧΞϓϦ։ൃ ऀ
    ͷඞमՊ໨ʹͳΔ
    w ৽͍͠ߟ͑ํͰ͋ΔͨΊɺҰ֮ͭ͑ͯ͠·͑͹ଞʹ஌ࣝΛྲྀ༻Ͱ͖Δ
24. ͜ͷػձʹ+FUQBDL
    $PNQPTF
    Λ৮ͬͯΈͯ͸ ͍͔͕Ͱ͠ΐ͏͔ʂ
25. ͓ΘΓ