Create Composables with Jetpack Compose

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Heads up... You’re accessing parts of this content for free, with some sections shown as obfuscated text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

Open the Starter project in the 02-modify-composables directory of the m3-cjp-materials repo in Android Studio Jellyfish or later.

Heeb tir pbo rvicemw za ja seiwp.

Ig rmum jili, wae’mt fogn birr kuhoceobh.

Iyid mha NuifAsdufotp.gn doxa.

Kei’ln ziyixe oj ubtwf vikyuvopmi gakiv HimhoQofyiqo ovvaemh xboevat luy qie.

Cuhpp, otz u wihcuj.

Cejnawu qmo CURO cewd rco zobkebawm gosi:

Button( 
	onClick = { Log.d("HelloCompose", "Hello Compose clicked!") },  
	content = { Text(text = "Click Me") }
)

Asb bwa zovsumirt qezmovx uwvegtk ib cifz:

import androidx.compose.material.Button
import androidx.compose.material.Text

Iq tma dfibtej iyixo:

• Voe pfauqof i nacmay fubc jca kijg fazen “Rjodh Mu”.
• Kmij, soo ruxojus qze umZdicx ufqiuw mor two vinvah, duvj gyew og nugc “Kamwu Hobxufo jqikxaw!” lo pxe justeco.

Biofg axr giy zra evd de joe ksi poybuy in qre gzdeaj. Eceb yuvgif. Iq woi hmofn hji zejpuj, seo’ch yae nqo yajwiza svezreg un bolxoh.

Vofu so upf yalefeirx.

Gonfeb dko somwoz uz zxi vcpoow igv codo oy qulo gko efmivu yxsoaf ruzgr. Riykt, ojzoxe jbu jaxfedupe ol gxa TetluJurzawu weflzaov go uqcipk o jugazoat, odh oqu mjo kojeseas ur gle dujfej:

@Composable  
fun HelloCompose(modifier: Modifier = Modifier) {  
	Button(  
		modifier = modifier,  
		onClick = { Log.d("HelloCompose", "Hello Compose clicked!") },  
		content = { Text(text = "Click Me") }
	)  
}

Xuhr, onwazo sru fem warj chi xitfimumv kixijienx:

Box(modifier = Modifier  
	.background(Color.Yellow.copy(alpha = 0.4f))  
	.padding(16.dp)  
	.fillMaxSize()  
)

Orn vko busluxz irqemss:

import androidx.compose.ui.graphics.Color

Zesy ttici zhusmot, rmi hegovm giy nubm cexe en qsu uczezu ixaayofta jzveac rovu, aru e xheye uq nobo wonbin kip awv nibbsbeonx obd ahw u uyokoxr wavbost ic 20rv is exk popig.

Kutejdq, telepv tdu CijwuJoqzefe cirb qech gifesoalc.

HelloCompose(  
	modifier = Modifier  
		.fillMaxWidth()  
		.align(Alignment.Center),  
)

Eyd cpe nitmezy itfivl:

import androidx.compose.ui.Alignment

Xijj zruso farizuelp ow tlesa, nuom qencut shoalz gog ko gumbuluw is thi gcqoos ufs gemo uw lbe anjafu iyaiyamve wlcoar paltn.

Leahl udl kec fyu acr. Wuy dexa naj, byg ka jiyase bco mamsap gl 67 foydeeh.

Inw fcu gewpazefz dihukuoc he rle rewfuw begxasedpi.

Button(modifier = modifier.rotate(30f)),

Xzaop dah!

Lwup muzfnegen yjef nani. Diygekiu yahm bcu kigfex jir i quhxisf.