티스토리

유스의 개발 일지

검색하기

블로그 홈

유스의 개발 일지

meteor59.tistory.com/m

유스의 개발 일지

구독자: 1

방명록 방문하기

주요 글 목록

[Android/Kotlin] Compose NavHost 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 : 탐색 상태를 관리하는 컨트롤러입니다.. 공감수 0 댓글수 0 2024. 11. 15.
[Android/Kotlin] Using Views in Compose Compose UI에 Android 뷰 계층 구조를 포함할 수 있습니다. 이 접근 방식은 AdView와 같이 Compose에서 아직 사용할 수 없는 UI 요소를 사용하려는 경우에 특히 유용합니다. 이 접근 방식을 사용하면 직접 디자인한 맞춤 뷰를 재사용할 수도 있습니다. 뷰 요소 또는 계층 구조를 포함하려면 AndroidView 컴포저블을 사용합니다. AndroidView에는 View를 반환하는 람다가 전달됩니다. 또한 AndroidView는 뷰가 확장될 때 호출되는 update 콜백도 제공합니다. AndroidView는 콜백 내에서 읽은 State가 변경될 때마다 재구성됩니다. 여타 기본 제공 컴포저블과 마찬가지로 AndroidView는 상위 컴포저블에서 위치를 설정하는 등의 목적으로 사용할 수 있는 .. 공감수 1 댓글수 1 2024. 11. 14.
[Android/Kotlin] Compose Lazy lists Lazy lists많은 수의 항목이나 길이를 알 수 없는 목록을 표시해야 하는 경우 Column과 Row 같은 레이아웃을 사용하면 모든 항목이 표시 가능 여부와 관계없이 구성되고 배치되므로 성능 문제가 발생할 수 있습니다. Compose는 구성요소의 표시 영역에 표시되는 항목만 구성하여 배치하는 구성요소 집합을 제공합니다. 이러한 구성요소에는 LazyColumn 및 LazyRow가 포함됩니다. * 이를 XML에서 Recyclerview를 통해서 표현하였습니다. LazyColumn : 세로 스크롤되는 목록LazyRow : 가로 스크롤되는 목록LazyVerticalGridLazyHorizontalGridLazyStaggeredGrid다음은 LazyColumn과 LazyRow에 대한 함수입니다.@Comp.. 공감수 2 댓글수 2 2024. 11. 13.
[Android/Kotlin]Compose Dialog 함수 뜯어보고 탐구하기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.. 공감수 0 댓글수 0 2024. 11. 12.
[Android/Kotlin]Compose Layout(2) Adaptive Layout (적응형 레이아웃) XML 레이아웃으로 설정할 경우 여러 형태의 모바일 기기에 적용하기 위해서 많은 설정들이 필요합니다. 여러가지 화면에 대응할 때에 어려움이 있었는데 Jetpack Compose는 선언형 UI 도구 키트로, 다양한 디스플레이 크기에 맞게 콘텐츠를 다르게 렌더링하도록 동적으로 변경되는 레이아웃을 설계하고 구현하는 데 이상적이라고 합니다. Android 앱은 폴더블 플립형 스마트폰에서부터 벽걸이 TV 모든 유형의 사용자에게 우수한 사용자 환경을 제공하기 위해 다양한 디스플레이 크기와 구성에 맞게 앱의 UI를 조정할 수 있습니다. 이 화면 공간을 최대한 활용하는 인기 Android 앱 런타임 시 해당 공간에 대한 변경사항(방향 변경 및 창 포함) 화면 분할 및 자.. 공감수 2 댓글수 6 2024. 11. 11.
[Android/Kotlin] Compose App Bar 함수 뜯어보고 탐구하기App Bar앱 바는 사용자에게 주요 기능 및 탐색 항목에 대한 액세스 권한을 제공하는 컨테이너입니다. 앱 바에는 상단 앱 바와 하단 앱 바의 두 가지 유형이 있습니다. 각각의 모양과 목적은 다음과 같습니다.상단 앱 바 : 주요 작업 및 정보에 대한 액세스 권한을 제공합니다. 일반적으로 제목, 핵심 작업 항목, 특징 탐색 황목을 호스팅합니다. - TopAppBar하단 앱 바 : 일반적으로 핵심 탐색 항목에 포함됩니다. 포함된 플로팅 작업 버튼을 통해 다른 주요 작업에 액세스할 수도 있습니다. - BottomAppBar앱바는 일반적으로 이를 수신하는 특정 매개변수가 있는 Scaffold Composable에 전달됩니다. * 처음 Scaffold을 통해 AppBar을 설정할 시에 in.. 공감수 0 댓글수 0 2024. 11. 10.
[Android/Kotlin] Compose Layout(1) 함수 뜯어보고 탐구하기Compose Pager화면 내에서 페이지를 좌우 또는 상하로 스크롤하여 콘텐츠를 탐색할 수 있도록 돕는 Components입니다.종류는 다음과 같습니다.HorizontalPagerVerticalPager이 컴포넌트들은 콘텐츠를 지연 로딩하여 필요할 때만 페이지를 생성함으로써 성능을 최적화 합니다.( 사용자가 페이지를 스크롤하면 컴포저블은 더 이상 필요하지 않은 페이지를 삭제합니다. 기본적으로 페이저는 화면에 표시되는 페이지만 로드합니다. 화면 외부에 더 많은 페이지를 로드하려면 beyondBoundsPageCount를 0 보다 큰 값을 설정해야 합니다.)HorizontalPager는 화면의 전체 너비를 차지하고, VerticalPager는 전체 높이를 차지하며 페이저는 한 번에 한.. 공감수 4 댓글수 5 2024. 11. 9.
[Android/Kotlin] Compose Layout 함수 뜯어보고 탐구하기LayoutUI 요소들을 배치하고 정렬하는 데 필수적인 개념들로 구성됩니다.View 시스템과의 차이를 보자면, XML View 형태에서는 ConstraintLayout과 같은 특정 뷰를 중첩할 때 몇가지 성능 문제가 발생하는데 (자식 뷰들의 상대적 위치를 기준으로 배치합니다. 어떤 뷰가 다른 뷰의 아래에 위치해야 한다면, 이 두 뷰는 상호 의존적인 관계를 갖게 되고 서로 간의 관계를 계산해야 하므로 다른 레이아웃보다 측정 단계가 더 복잡하고 오래 걸리는 단점, 이로써 성능 저하가 발생하게 됩니다.) Compose는 여러 번 측정하는 것을 방지하므로 성능에 영향을 미치지 않고 원하는 만큼 깊이 중첩할 수 있는 장점이 있습니다. Compose의 기본 LayoutColumn : 세로로 배.. 공감수 1 댓글수 2 2024. 11. 8.
[Android/Kotlin] Compose Button 함수 뜯어보고 탐구하기Button Button은 터치 가능한 Ui 요소로, 사용자와의 상호작용을 가능하게 해주는 중요한 Compoenets입니다. * Compoenets : 재사용 가능한 Ui의 구성 요소를 의미합니다. 컴포넌트는 특정 기능이나 레이아웃을 담당하며, 앱의 구성하는 작은 블록이 됩니다. Compose Button 정의 되어있는 각각의 역할들을 알아보겠습니다.@Composablefun Button( onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, shape: Shape = ButtonDefaults.shape, colors: ButtonColors = ButtonDefaul.. 공감수 0 댓글수 1 2024. 11. 7.
[Android/Kotlin] Compose Side-effect Compose Side-effect composable 함수의 범위 밖에서 발생하는 앱 상태에 관한 변경사항입니다. 즉, 컴포저블의 상태가 변경되면서 화면에 직접적인 영향을 주거나 외부 작업을 수행하는 것을 의미합니다. 예를 들면 사용자에게 메시지를 표시하는 스낵바를 띄우거나, 특정 조건이 충족되면 다른 화면으로 이동하는 작업이 이에 해당합니다. 컴포저블의 수명 주기를 인식하고 관리하는 환경에서 이러한 Side-effect를 처리하도록 여러 API를 제공합니다. 이를 통해 일회성 이벤트가 특정 상태 변화에 따라 정확히 한 번만 발생하거나 컴포저블이 새로 구성될 때마다 이벤트가 발생하지 않도록 안정적으로 관리할 수 있습니다. 또한 UI 렌더링 로직과 분리시키고 개별적인 coroutine scope에 실행시.. 공감수 2 댓글수 2 2024. 10. 29.
[Android/Kotlin] Compose 와 State State앱의 State는 시간이 지남에 따라 변할 수 있는 값입니다. Room Database -> Room의 변수까지 모든 것을 포괄합니다.Composable은 새로운 State에 따라 업데이트를 하려면 새로운 State에 대해 명시적으로 알려야 합니다.remember API를 사용하여 메모리에 객체를 저장할 수 있습니다. remeber에 의해 계산된 값은 초기 Composition 중에 Composition에 저장되고 저장된 값은 reComposition 중에 반환됩니다. remember은 변경 가능한 객체뿐만 아니라 변경할 수 없는 객체를 저장하는 데 사용할 수 있습니다.interface MutableState : State { override var value: T}mutableStateO.. 공감수 10 댓글수 4 2024. 10. 23.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.