Jetpack Compose Basic #2
ยท
[ Jetpack Compose ]
Textfield 1) Textfield์˜ value๊ฐ’์ด ๋™์ ์œผ๋กœ ๋ณ€ํ™”ํ•˜๋ ค๋ฉด, ๋ณ€์ˆ˜ํ™” ํ•ด์•ผํ•œ๋‹ค. 2) Sample Code setContent { val testValue = remember { mutableStateOf("") } Column( modifier = Modifier.fillMaxSize(), verticalArrangement = Arrangement.Center, horizontalAlignment = Alignment.CenterHorizontally, ) { TextField( value = testValue.value, onValueChange = { testValue.value = it }, ) Button(onClick = {}) { Text("click!") } } } But..
Jetpack Compose Basic #1
ยท
[ Jetpack Compose ]
Column & Row & Text 1) ์ผ๋ฐ˜์ ์œผ๋กœ Jetpack Compose ์—์„œ Column Composable ์€ ์ˆ˜์ง์œผ๋กœ ๋ฐฐ์น˜ํ•˜๊ณ ์ž ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๊ณ , Row Composable ์€ ์ˆ˜ํ‰์œผ๋กœ ๋ฐฐ์น˜ํ•˜๊ณ ์ž ํ•  ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. 2) Spacer ๋Š” ๊ณต๋ฐฑ์„ ์ฃผ๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” Composable. 3) dp ๋‹จ์œ„๋Š” ๋ณดํ†ต Int ๊ฐ’ ๋’ค์— dp ๋ฅผ ๋ถ™์—ฌ์„œ ์‚ฌ์šฉํ•œ๋‹ค. 4) Modifier : ๊ธธ์ด๋ฅผ ์กฐ์ •ํ•˜๊ณ ์ž ํ•  ๋•Œ, ๊ทธ ์™ธ, ์†์„ฑ์„ ๋ณ€๊ฒฝํ•˜๊ณ ์ž ํ•  ๋•Œ, Modifier๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ์„ ์–ธํ•œ ์ˆœ์„œ๋Œ€๋กœ ์ฐจ๋ก€๋Œ€๋กœ ์ง€์ •๋œ๋‹ค. .fillMaxSize() ๋Š” ํ™”๋ฉด ์ „์ฒด๋ฅผ ์ฑ„์šฐ๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์†์„ฑ์ด๋‹ค. 5) @Composable ์€ ๋Œ€๋ฌธ์ž๋กœ ์„ ์–ธํ•ด์•ผ ํ•œ๋‹ค. @Preview annotation ์€ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋กœ Andro..
coding-wave
'Compose' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก