Jetpack Compose

+FUQBDL$PNQPTF גࣜձࣾϊϋφɹ੉ށ༏೭

੉ށ༏೭!TFUP@IJ גࣜձࣾϊϋφ ΞϓϦΤϯδχΞ

*FOKPZFE*0

8IBU`T+FUQBDL$PNQPTF

⚠&YQFSJNFOUBM"1*⚠ OPUSFBEZGPSQSPEVDUJPOVTF

8IBU`T+FUQBDL$PNQPTF w +FUQBDLϥΠϒϥϦͷͻͱͭͱͯ͠ఏڙ͞ΕΔ w એݴత6*ߏங w "OLP΍'MVUUFSͱࣅͨهड़ w YNMͰͷMBZPVUͷ୅ସ w
طଘͷ7JFXͷ୅ସ w ޓ׵ੑΛ࣋ͨͤΔ͜ͱ͕Ͱ͖Δ

8IZ+FUQBDL$PNQPTF

6OCVOEMFUIF6*5PPMLJU w $IFU)BBTFTBZTl"1*EFTJHOJTCVJMEJOHGVUVSFSFHSFUz w 7JFXKBWB͸ສߦऑ w #VUUPOFYUFOET5FYU7JFX w ճస͠ͳ͍4QJOOFS w
7JFXΛ+FUQBDLԽ͍ͨ͠ w 04ΞοϓσʔτΛ଴ͭ͜ͱͳ͘όάΛमਖ਼Ͱ͖Δ

+FUQBDL$PNQPTFݪଇ w ,PUMJOͰ؆ܿʴࣗવʹॻ͚Δ w એݴత w ޓ׵ੑ͕͋Δ w ඒ͍͠ΞϓϦΛ࡞ΕΔ w
։ൃΛՃ଎͢Δ IUUQTEFWFMPQFSBOESPJEDPNKFUQBDLDPNQPTFDPSF@QSJODJQMFT

)PXUPVTF

)PXUPVTF w IUUQTBOESPJEHPPHMFTPVSDFDPNQMBUGPSNGSBNFXPSLT TVQQPSU BOESPJEYNBTUFSEFWVJ3&"%.&NEHFUUJOH TUBSUFE w ϥΠϒϥϦԽ͞Ε͍ͯͳ͍ w BOESPJE9ͷ։ൃ؀ڥߏங͕ඞཁ

)PXUPVTF override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState)   setContent { 
Text("hello")  }  } ˞setContent͸"DUJWJUZͷ֦ுؔ਺

)PXUPVTF @Composable fun Greeting(name: String) { Text(name) }

)PXUPVTF @Composable @GenerateView fun Greeting(name: String) { Text(name) }

!(FOFSBUF7JFX w YNMͰఆٛͰ͖Δ • <GreetingView /> w findViewById(R.id.greeting)

)PXUPVTF @Composable fun RallyBody() { Padding(padding = 16.dp) { Column
{ // TODO: scrolling container RallyAlertCard() HeightSpacer(height = 10.dp) RallyAccountsCard() HeightSpacer(height = 10.dp) RallyBillsCard() } } }

·ͱΊ

·ͱΊ w ⚠&YQFSJNFOUBM⚠ w એݴత6*ߏங w طଘͷ7JFXΛஔ͖׵͑Δ΋ͷ w BOOPUBUJPOͰޓ׵ੑ͕อͯΔ w
ઈࢍҙݟืूத

ࢀߟϦϯΫ w +FUQBDL$PNQPTF  IUUQTEFWFMPQFSBOESPJEDPNKFUQBDLDPNQPTF w +FUQBDL$PNQPTF3&"%.&NE  IUUQTBOESPJEHPPHMFTPVSDFDPNQMBUGPSNGSBNFXPSLT TVQQPSU BOESPJEYNBTUFSEFWVJ3&"%.&NE w
%FDMBSBUJWF6*1BUUFSOT (PPHMF*0`   IUUQTZPVUVCF7T4UZR-[YP

Jetpack Compose

Jetpack Compose

HiroYUKI Seto

More Decks by HiroYUKI Seto

Other Decks in Programming

Featured

Transcript

+FUQBDL$PNQPTF גࣜձࣾϊϋφɹ੉ށ༏೭

੉ށ༏೭!TFUP@IJ גࣜձࣾϊϋφ ΞϓϦΤϯδχΞ

FOKPZFE0

8IBU`T+FUQBDL$PNQPTF

⚠&YQFSJNFOUBM"1*⚠ OPUSFBEZGPSQSPEVDUJPOVTF

8IBU`T+FUQBDL$PNQPTF w +FUQBDLϥΠϒϥϦͷͻͱͭͱͯ͠ఏڙ͞ΕΔ w એݴత6*ߏங w "OLP΍'MVUUFSͱࣅͨهड़ w YNMͰͷMBZPVUͷ୅ସ w

8IZ+FUQBDL$PNQPTF

6OCVOEMFUIF65PPMLJU w $IFU)BBTFTBZTl"1EFTJHOJTCVJMEJOHGVUVSFSFHSFUz w 7JFXKBWB͸ສߦऑ w #VUUPOFYUFOET5FYU7JFX w ճస͠ͳ͍4QJOOFS w

+FUQBDL$PNQPTFݪଇ w ,PUMJOͰ؆ܿʴࣗવʹॻ͚Δ w એݴత w ޓ׵ੑ͕͋Δ w ඒ͍͠ΞϓϦΛ࡞ΕΔ w

)PXUPVTF

)PXUPVTF w IUUQTBOESPJEHPPHMFTPVSDFDPNQMBUGPSNGSBNFXPSLT TVQQPSU BOESPJEYNBTUFSEFWVJ3&"%.&NEHFUUJOH TUBSUFE w ϥΠϒϥϦԽ͞Ε͍ͯͳ͍ w BOESPJE9ͷ։ൃ؀ڥߏங͕ඞཁ

)PXUPVTF override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState)   setContent {

)PXUPVTF @Composable fun Greeting(name: String) { Text(name) }

)PXUPVTF @Composable @GenerateView fun Greeting(name: String) { Text(name) }

!(FOFSBUF7JFX w YNMͰఆٛͰ͖Δ • <GreetingView /> w findViewById(R.id.greeting)

)PXUPVTF @Composable fun RallyBody() { Padding(padding = 16.dp) { Column

·ͱΊ

·ͱΊ w ⚠&YQFSJNFOUBM⚠ w એݴత6*ߏங w طଘͷ7JFXΛஔ͖׵͑Δ΋ͷ w BOOPUBUJPOͰޓ׵ੑ͕อͯΔ w

ࢀߟϦϯΫ w +FUQBDL$PNQPTF  IUUQTEFWFMPQFSBOESPJEDPNKFUQBDLDPNQPTF w +FUQBDL$PNQPTF3&"%.&NE  IUUQTBOESPJEHPPHMFTPVSDFDPNQMBUGPSNGSBNFXPSLT TVQQPSU BOESPJEYNBTUFSEFWVJ3&"%.&NE w