목록compose (9)
유스의 개발 일지
Compose에서 NavHost를 사용하면 단일 Activity에서 여러 화면을 관리 할 수 있습니다. 이는 Android의 단일 Acitivity Architecture를 지원하는 방식입니다.각 화면을 Composable 함수로 구현되며, 화면 각 전환을 NavController를 통해 이루어집니다. 모든 UI와 탐색을 한 Activity 안에서 구성할 수 있습니다. NavHost 기본 설정은 다음과 같습니다.dependencies { val nav_version = "2.8.0" implementation("androidx.navigation:navigation-compose:$nav_version")} NavHost의 매개변수navController : 탐색 상태를 관리하는 컨트롤러입니다..
Lazy lists많은 수의 항목이나 길이를 알 수 없는 목록을 표시해야 하는 경우 Column과 Row 같은 레이아웃을 사용하면 모든 항목이 표시 가능 여부와 관계없이 구성되고 배치되므로 성능 문제가 발생할 수 있습니다. Compose는 구성요소의 표시 영역에 표시되는 항목만 구성하여 배치하는 구성요소 집합을 제공합니다. 이러한 구성요소에는 LazyColumn 및 LazyRow가 포함됩니다. * 이를 XML에서 Recyclerview를 통해서 표현하였습니다. LazyColumn : 세로 스크롤되는 목록LazyRow : 가로 스크롤되는 목록LazyVerticalGridLazyHorizontalGridLazyStaggeredGrid다음은 LazyColumn과 LazyRow에 대한 함수입니다.@Comp..

함수 뜯어보고 탐구하기Dialog팝업 메시지를 표시하거나 기본 앱 콘텐츠 위의 레이어에서 사용자 입력을 요청합니다. 사용자의 주의력을 끄는 방해 UI 환경을 만듭니다.fun AlertDialog( onDismissRequest: () -> Unit, confirmButton: @Composable () -> Unit, modifier: Modifier = Modifier, dismissButton: @Composable (() -> Unit)? = null, icon: @Composable (() -> Unit)? = null, title: @Composable (() -> Unit)? = null, text: @Composable (() -> Unit)? = nul..
함수 뜯어보고 탐구하기App Bar앱 바는 사용자에게 주요 기능 및 탐색 항목에 대한 액세스 권한을 제공하는 컨테이너입니다. 앱 바에는 상단 앱 바와 하단 앱 바의 두 가지 유형이 있습니다. 각각의 모양과 목적은 다음과 같습니다.상단 앱 바 : 주요 작업 및 정보에 대한 액세스 권한을 제공합니다. 일반적으로 제목, 핵심 작업 항목, 특징 탐색 황목을 호스팅합니다. - TopAppBar하단 앱 바 : 일반적으로 핵심 탐색 항목에 포함됩니다. 포함된 플로팅 작업 버튼을 통해 다른 주요 작업에 액세스할 수도 있습니다. - BottomAppBar앱바는 일반적으로 이를 수신하는 특정 매개변수가 있는 Scaffold Composable에 전달됩니다. * 처음 Scaffold을 통해 AppBar을 설정할 시에 in..

함수 뜯어보고 탐구하기Compose Pager화면 내에서 페이지를 좌우 또는 상하로 스크롤하여 콘텐츠를 탐색할 수 있도록 돕는 Components입니다.종류는 다음과 같습니다.HorizontalPagerVerticalPager이 컴포넌트들은 콘텐츠를 지연 로딩하여 필요할 때만 페이지를 생성함으로써 성능을 최적화 합니다.( 사용자가 페이지를 스크롤하면 컴포저블은 더 이상 필요하지 않은 페이지를 삭제합니다. 기본적으로 페이저는 화면에 표시되는 페이지만 로드합니다. 화면 외부에 더 많은 페이지를 로드하려면 beyondBoundsPageCount를 0 보다 큰 값을 설정해야 합니다.)HorizontalPager는 화면의 전체 너비를 차지하고, VerticalPager는 전체 높이를 차지하며 페이저는 한 번에 한..