진행 내용 3-2 week 코드랩 : Jetpack Compose Animation Jetpack Compose Animation | Android Developers In this codelab, you’ll learn how to use some Compose Animation APIs. developer.android.com 리뷰 내용 1. animate a simple value change like this, we can use the animate*AsState APIs val backgroundColor by animateColorAsState(if (tabPage == TabPage.Home) Purple100 else Green300) 2. AnimatedVisibility runs it..

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..

1. AndroidX 의 Navigation 라이브러리는 ? Navigation은 사용자가 앱 내의 여러 콘텐츠를 탐색하고, 그곳에 들어갔다 나올 수 있게 하는 상호작용을 의미합니다. Android Jetpack의 컴포넌트인 Navigation은 단순한 버튼 클릭해서 좀 더 복잡한 패턴(앱바, 탐색 창)에 이르기까지 여러 가지 탐색을 구현하도록 도와줍니다. Navigation Component는 기존의 원칙을 준수하여 일관적이고 예측 가능한 사용자 환경을 보장합니다. 즉, 네비게이션은 android Jetpack 의 컴포넌트로 앱 화면 전환을 더 편리하게 구현하고 시각화하여 제공해주는 프레임워크 입니다. 2. Navigation의 장점은? 프래그먼트 트랜잭션 처리. 기본적으로 '위로'와 '뒤로' 작업을 ..