728x90 2023 ์๋๋ก์ด๋23 Android ์ฑ์ ์ด๋ฏธ์ง ์ถ๊ฐ 6~ 6. ์ด๋ฏธ์ง ์ปดํฌ์ ๋ธ์ ์์น ์ง์ ๋ฐ ํฌ๊ธฐ ์กฐ์ ์ด๋ฏธ์ง๋ฅผ ์ ์ฒด ํ๋ฉด ํฌ๊ธฐ๋ก ์กฐ์ ํ์ฌ ์ฑ์ ๊พธ๋ฉฐ๋ณด์! ์ด๋ฅผ ์ํด Modifier ๋ฐ ContentScale ๋งค๊ฐ๋ณ์๋ฅผ ์ฌ์ฉํ๋ค. ์์ ์ ์์ ์๋ Jetpack Compose UI์์๋ฅผ ์ฅ์ํ๊ฑฐ๋ ์ด ์์์ ๋์์ ์ถ๊ฐํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. ์๋ฅผ ๋ค์ด ํ์ด๋ ํ ์คํธ, ๋ฒํผ์ ๋ฐฐ๊ฒฝ์ด๋ ํจ๋ฉ, ๋์์ ์ถ๊ฐํ ์ ์๋ค. ์ด๋ฅผ ์ค์ฅํ๋ ค๋ฉด ์ปดํฌ์ ๋ธ์ด ์์ ์๋ฅผ ๋งค๊ฐ๋ณ์๋ก ํ์ฉํด์ผ ํ๋ค. ์๋ฅผ ๋ค์ด Text ์ปดํฌ์ ๋ธ์๋ ๋ฐฐ๊ฒฝ ์์์ ๋ น์์ผ๋ก ๋ณ๊ฒฝํ๋ Modifier ์ธ์๊ฐ ์๋ค. Text( text = "Hello, World!", // Solid element background color modifier = Modifier.background(color = Color.Gr.. 2022. 11. 16. Android ์ฑ์ ์ด๋ฏธ์ง ์ถ๊ฐ ~5 Image composable ์ฌ์ฉํ์ฌ ์ฑ์ ์ด๋ฏธ์ง ์ถ๊ฐํ๊ธฐ https://github.com/google-developer-training/basic-android-kotlin-compose-birthday-card-app/blob/main/app/src/main/res/drawable-nodpi/androidparty.png GitHub - google-developer-training/basic-android-kotlin-compose-birthday-card-app Contribute to google-developer-training/basic-android-kotlin-compose-birthday-card-app development by creating an account on GitHub.. 2022. 11. 16. ๊ธฐ๋ณธ ๋ ์ด์์ ๋ง๋ค๊ธฐ 3. ํ ์คํธ ์ปดํฌ์ ๋ธ๋ก ๊ฐ๋จํ ์ฑ ๋น๋ 1. ์์ํ๊ธฐ ์ ์ Jetpack Compose๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ฉด์ ์์ผ ์ถํ ๋ฉ์์ง๋ฅผ ํ์ํ๋ ๊ฐ๋จํ android ์ฑ์ ๋น๋ํฉ๋๋ค. 3. Happy Birthday ์ฑ ์ค์ Empth Compose Activity ํ ํ๋ฆฟ์ผ๋ก Happy Birthday ์ฑ์ ๋ง๋ค๋ฉด Android ์คํ๋์ค์์๋ ํ๋ฉด์ ํ์๋๋ Hello Android! ๋ฉ์์ง๋ฅผ ๋น๋กฏํ์ฌ ๊ธฐ๋ณธ Android ์ฑ์ ๋ฆฌ์์ค๋ฅผ ์ค์ ํ๋ค. ์ฌ์ฉ์ ์ธํฐํ์ด์ค(UI)๋? ์ฑ์์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ ํ๋ฉด์ ํ์๋๋ ํ ์คํธ, ์ด๋ฏธ์ง, ๋ฒํผ, ๊ธฐํ ์ฌ๋ฌ ์ ํ์ ์์ ๋ฐ ํ๋ฉด์ ํ์๋๋ ๋ฐฉ์ ์ฆ, ์ฑ์ด ์ฝํ ์ธ ๋ฅผ ์ฌ์ฉ์์๊ฒ ํ์ํ๋ ๋ฐฉ์์ด์ ์ฌ์ฉ์๊ฐ ์ฑ๊ณผ ์ํธ์์ฉํ๋ ๋ฐฉ์์ด๋ค. ์ด๋ฌํ ๊ฐ๊ฐ์ ์์๋ฅผ UI ๊ตฌ์ฑ์์๋ผ๊ณ ํ.. 2022. 11. 16. ์ฒซ Android ์ฑ ๋ง๋ค๊ธฐ 6. ๋ฐฐ๊ฒฝ ์์ ๋ณ๊ฒฝ import ์ ์ํ๋ฒณ ์์ผ๋ก ํ๋ ๊ฒ ์ข๋ค. help - find action - Optimize Imports ํด๋ฆญ @Composable fun Greeting(name: String) { Surface(color = Color.Magenta) { Text(text = "Hello my name is $name!") } } 7. ํจ๋ฉ ์ถ๊ฐ ํ ์คํธ ์ฃผ์์ ๊ณต๋ฐฑ(ํจ๋ฉ)์ ์ถ๊ฐํด๋ณด์ @Composable fun Greeting(name: String) { Surface(color = Color.Magenta) { Text(text = "Hi, my name is $name!", modifier = Modifier.padding(24.dp)) } } Modifier๋ ์ปดํฌ์ ๋ธ์ ๊ฐํํ๊ฑฐ.. 2022. 11. 15. ์ด์ 1 2 3 4 5 6 ๋ค์ 728x90