시배's Android

6 Jetpack Compose Guidelines to Optimize Your App Performance Since Google announced Jetpack Compose stable 1.0, many companies are getting started to adopt Jetpack Compose into their projects… proandroiddev.com 1. Aim to Write Stable Classes Compose에는 전용 runtime이 있으며, 입력이나 상태가 변경될 때 어떤 Composable 함수를 재구성할지 결정합니다. 런타임 성능을 최적화하기 위해 Compose는 읽고 있는 상태가 변경되었는지 유추할 수 있어야 합니다. 기본적으로 아래 세 가지 stability ..

저희 프로젝트에서 발생한 Android Jetpack Compose AnimatedContent를 사용하면서 발생한 에러와 그에 대한 해결 과정을 공유하려 합니다. 저희 프로젝트는 생활지수와 관련된 정보를 백엔드에서 받아와 이를 롤링되는 이미지로 시각적으로 제공하고 있습니다. fun VerticalRollingContent( modifier : Modifier = Modifier, enterDurationMillis: Int = 300, enterDelayMillis: Int = 500, exitDurationMillis: Int = 300, exitDelayMillis: Int = 0, items: List, content: @Composable (T) -> Unit, ) { var index by r..

Kotlin by 키워드: 위임 프로퍼티와 확장 함수 Kotlin은 강력한 기능 중 하나로 by 키워드를 사용하여 프로퍼티에 위임(delegation)하는 기능을 제공합니다. 이것은 코드의 재사용성과 모듈화를 높이는데 도움이 되며, 다양한 상황에서 유용하게 활용됩니다. 이번 포스팅에서는 by 키워드를 사용하는 두 가지 주요 방법에 대해 알아보겠습니다. 1. 위임 프로퍼티 (Delegated Properties) 위임 프로퍼티를 사용하면, 프로퍼티의 getter와 setter를 다른 객체에 위임할 수 있습니다. 이것은 코드 중복을 줄이고 프로퍼티 동작을 재사용할 수 있는 강력한 방법입니다. by 키워드를 사용하여 다음과 같이 선언할 수 있습니다. class Example { var someProperty:..

Understand gestures | Jetpack Compose | Android Developers Understand gestures Stay organized with collections Save and categorize content based on your preferences. There are several terms and concepts that are important to understand when working on gesture handling in an application. This page explains the term developer.android.com 애플리케이션에서 제스처 처리 작업을 할 때 이해해야 할 중요한 용어와 개념이 몇 가지 있습니다. 이 페이지에..

진정한 의미에서 추상화란 현실에서 출발하되 불필요한 부분을 도려내가면서 사물의 놀라운 본질을 드러나게 하는 과정이라고 할 수 있다. 추상화의 목적은 불필요한 부분을 무시함으로써 현실에 존재하는 복잡성을 극복하는 것이다. 추상화는 복잡한 현실을 단순화하기 위해 사용하는 인간의 가장 기본적인 인지 수단이라고 할 수 있다. 어떤 양상, 세부 사항, 구조를 좀 더 명확하게 이해하기 위해 특정 절차나 물체를 의도적으로 생략하거나 감춤으로써 복잡도를 극복하는 방법이다. 공통점을 기반으로 객체들을 묶기 위한 그릇을 개념이라고 한다. 개념을 이용하면 객체를 여러 그룹으로 분류할 수 있다. 객체란 특정한 개념을 적용할 수 있는 구체적인 사물을 의미한다. 개념이 객체에 적용됐을 때 객체를 개념의 인스턴스라고 한다. 심볼 ..

현재 TiTi에서는 Task를 선택하기 위해 BottomSheet에서 Task를 선택, 수정, 추가, 삭제 등 다양한 작업을 할 수 있는 화면이 있습니다. 이 화면에 요구사항으로는 다음과 같습니다. Edit 모드에 진입하면 좌우측에서 삭제와 드래그할 수 있는 아이콘이 Animate 하게 등장한다. SwipeDismiss를 통해 삭제가 가능하다. LongClick을 통해 Task명을 수정하는 Dialog가 등장한다. 이러한 요구사항을 만족하기 위해 아래와 같은 Compose의 API를 이용하여 쉽게 구현할 수 있습니다. AnimateVisibility SwipeToDismiss combinedClickable AnimateVisiblity AnimatedVisibility(visible = editMode..

TdsDialogInfo 일반적으로 Dialog에는 Alert Dialog와 Confirm Dialog가 있습니다. Alert Dialog는 사용자에게 특정 메시지를 전달해주는 경우, Confirm Dialog는 사용자에게 특정 메시지 전달과 동시에 해당 메시지에 응답할 것인지 여부를 확인하는 Dialog로 볼 수 있습니다. sealed interface TdsDialogInfo { val title: String val message: String val cancelable: Boolean val onDismiss: (() -> Unit)? data class Confirm( override val title: String, override val message: String, override val ..

반응형 Timer와 StopWatch 구현하기 TiTi 프로젝트에서는 Timer와 StopWatch를 구현해야 했으며, 기기의 가로 세로 방향에 상관 없이 반응형으로 동작해야 하는 요구사항이 있었습니다. 더불어, 화면 크기의 약 80% 정도를 차지하도록 구현해야 했습니다. 이를 위해 Compose의 BoxWithConstraints를 활용한 방법을 소개합니다. BoxWithConstraints(modifier = modifier) { val minSize = min(maxHeight, maxWidth) val outCircularSize = minSize * 0.8 val outCircularTrackWidth = minSize * 0.05 val inCircularSize = outCircularSiz..