List and animations Compose의 LazyColumn, LazyRow을 사용하여 리스트를 표현할 수 있다. 두 컴포저블은 화면에 표시되는 요소만 렌더링 하므로 긴 목록에 아주 효율적이다. 이름에서 알 수 있듯이 LazyColumn은 수직 스크롤, LazyRow는 수평 스크롤 목록을 생성한다. 스크롤이 없는 리스트의 경우엔 Column, Row를 사용해도 된다. 또한 수정자를 통해 스크롤을 추가해도 되지만 스크롤이 필요한 경우에는 LazyColumn, LazyRow 사용을 권유한다. 항목 목록을 표시하려면 이러한 API 대신 LazyColumn 및 LazyRow를 사용해 보세요. LazyColumn, LazyRow는 스크롤 기능을 제공하며 필요할 때만 항목을 구성하므로 스크롤 수정자보다 ..

Use Material Design Compose는 머터리얼 디자인을 원칙으로 지원하도록 빌드되었다. 머터리얼 디자인의 모든 요소를 즉시 사용 가능하다. Compose로 생성된 프로젝트는 MaterialTheme를 맞춤 설정할 수 프로젝트의 기본 테마를 생성한다. (ui.theme 패키지에서 찾을 수 있음) 따라서 생성된 머터리얼 테마를 래핑 하여 함수에 적용할 수 있다. @Composable fun ExampleActivityTheme( darkTheme: Boolean = isSystemInDarkTheme(), content: @Composable () -> Unit ) { val colors = if (darkTheme) { DarkColorPalette } else { LightColorPale..

Layouts Jetpack Compose를 통해 레이아웃을 더 효율적으로 디자인할 수 있다. 표준 레이아웃 구성요소 (Basics of Composable functions) Column @Composable fun ArtistCard() { Column { Text("Alfred Sisley") Text("3 minutes ago") } } @Composable inline fun Column( modifier: Modifier = Modifier, verticalArrangement: Arrangement.Vertical = Arrangement.Top, horizontalAlignment: Alignment.Horizontal = Alignment.Start, content: ColumnScope..

Jetpack compose 란? Android UI 개발을 간소화 가속화하기 위한 Kotlin API XML 레이아웃을 수정하거나 Layout Editor 를 사용하지 않고 Jetpack Compose 함수를 호출하여 원하는 요소를 호출하면 Compose 컴파일러에서 나머지 작업을 완료하는 구조 compose 사용을 위해 build.gradle 에 종속 항목 추가 implementation "androidx.compose.ui:ui-tooling:1.0.0-rc02" Composable funtions (구성 가능한 함수) @Composable Jetpack compose 는 함수 이름에 @Composable 태그를 붙여 UI 요소를 구성 할 수 있다. @Preview Android 스튜디오에서 @Pr..