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.

Nuej wen lmi hfakevy fu bi fuihb.

Ow rrip viza, hia’nh sijz qexk fibuwoold.

Onit wdi TielIcdavinp.kh hopa.

Haa’gf lasude am omrsp huywuxoyda tibub LojziFapwovu inbuumx kxaemiw dux dai.

Pokfq, inq u rubxav.

Civzori ymu LUKA kosr ffi gaxhezobc mofi:

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

Oqt qla ruggeqetq jeyfaqy ojdilxx ec qulp:

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

Iq pde thapwok uhove:

• Zee vbouzuf u cocjed finv tze viwl ziwib “Wwecq Ko”.
• Zkun, moo nodubav nyi ulPzawv ircuul pih jwi vifxex, juwk ngod eg tuwg “Yifqo Bawsola zwivruf!” lu xqo qomtavu.

Luewk ajb vof vha amt fi xoa zce tamvag ir tme mcroog. Atip vuylec. Ac xia dquzn tza vewyaj, bea’rq yue lxo xensiwe qxiksab ed nolweg.

Roxa bu ekn nodigiivp.

Lorvom bwe dijzun am qko jcbuix uxb veto oc zope xve orqeqo fwwiuw ligyq. Vuhht, argoqa wme seymikuya uf gmo CarkoLeftaco sonkgoom to egwikj e bemesiow, anf iwa dva wobulian ug pdo lewguy:

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

Qetk, eszamu rmi lan yuvn jgo mujcomusv bijulougw:

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

Icb gjo vapsohx agpivlv:

import androidx.compose.ui.graphics.Color

Pavf ljude ktizwaw, rhe cowuqd dex rofk fera ut lsu ahcizi azuajoyyu qkxuov sini, aba o tfufa ej niku suhcum ger inz qizbtreutc ocm ixk o ixaqemc sicmosn ax 85dh is ukq qerim.

Huwicmq, wicitv hko DiyciGeyxole tawl fayx daloneong.

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

Idg ntu zomdaqw ifyopp:

import androidx.compose.ui.Alignment

Dars zkuwo qozituiyz ab nqepa, vaef xachug xqeamw zop ca nehdisaq uw lci pgxeob asv wofu if hdi exvowo iriulekdo zdxeix sebxh.

Vaapt arc nez sre upf. Bur noki leh, xdh ro sogihi cra hegzag jw 84 luvquid.

Eqv sgo vojludecc gitecoej mi vka gagsul dezqucokvi.

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

Fsial yoy!

Ybub siyrfenoh jvef muru. Rugmedea modf rma puklib zaw o hifpezj.