Minor to Major Chronicles

안드로이드 개발을 하다보면 데이터를 선택하는 여러가지 방법이 있습니다. 그 중에서 피커(Picker) 를 사용해서 데이터를 선택하는 방법을 알아보겠습니다. 구성 방법 텍스트 데이터만 선택 할 수 있습니다. 텍스트 데이터는 리스트 형태로 구성되어 있으며, 무한 스크롤이 가능합니다. 선택되어 있는 텍스트 데이터가 무엇인지 알 수 있으며, 버튼 클릭 시 선택 값을 반환합니다. 아이템 목록 만들기 @Composable fun InfiniteItemsSectionPicker( items: List, firstIndex: Int, onItemSelected: (String) -> Unit, ) { val listState = rememberLazyListState(firstIndex) val currentValue..

Android 자료실/기능 개발 2024. 1. 7. 17:54

스낵바는 화면 하단에 표시되는 간단한 알림의 역할을 합니다. 안드로이드에서 알림 역할을 하는 것은 다이얼로그(Dialog), 토스트(Toast), 그리고 스낵바(Snackbar) 가 있습니다. 스낵바는 토스트와 상당 부분 유사한 부분이 있는데 그것은 몇 초 후에 사라진다는 부분입니다. 그 외 차이점이라고 한다면 버튼 탭하기와 같은 작업으로 알림을 닫을 수도 있다는 점입니다. 설명은 이정도로 마치고 실질적인 사용 방법에 대해 알아보겠습니다. 사용 방법은 크게 Scaffold 를 이용할때와 아닐때 2가지로 구분됩니다. Scaffold 내 적용하는 경우 기본으로 적용하는 방법 val scope = rememberCoroutineScope() val snackbarHostState = remember { Sna..

Android 자료실/기능 개발 2024. 1. 7. 01:17

visualTransformation 는 입력한 텍스트 데이터를 변형하지 않고 포맷을 표시 할 수 있는 기능입니다. 기본 제공되는 포맷 안드로이드는 기본적으로 비밀번호 포맷 처리를 위해 PasswordVisualTransformation 를 제공합니다. 하지만 그 외 추가적인 포맷이 필요하다면 직접 만들어 사용해야 합니다. TextField( value = amount.value, onValueChange = { amount.value = it }, ... // 포맷 처리 visualTransformation = PasswordVisualTransformation() ) 직접 만들어 사용하기 금액을 표시하는 포맷을 직접 만들어 보도록 하겠습니다. AmountTransformation.kt VisualTr..

Android 자료실/기능 개발 2024. 1. 3. 15:49

Android Compose에서 BackHandler를 사용하는 방법에 대해 알아보겠습니다. BackHandler는 시스템의 뒤로 가기 버튼을 처리하는 데 사용되는 효과입니다. BackHandler를 사용하면 뒤로 가기 버튼이 눌렸을 때 원하는 작업을 수행할 수 있습니다. BackHandler를 사용하는 방법은 다음과 같습니다. BackHandler(enabled = true, onBack = { // 뒤로 가기 버튼이 눌렸을 때 수행할 작업을 정의합니다. }) BackHandler의 onBack 프로퍼티는 뒤로 가기 버튼이 눌렸을 때 호출되는 람다식을 사용합니다. 이 람다식에서 뒤로 가기 버튼이 눌렸을 때 수행할 작업을 정의할 수 있습니다. BackHandler의 enabled 프로퍼티는 BackHan..

Android 자료실/기능 개발 2024. 1. 2. 23:10

기본적으로 컴포저블은 선택할 수 없습니다. 즉, 기본적으로 사용자가 앱에서 텍스트를 선택하고 복사할 수 없습니다. 텍스트 선택 기능을 사용 설정하려면 텍스트 요소를 SelectionContainer 컴포저블로 래핑해야 합니다. @Composable fun SelectableText() { SelectionContainer { Text("This text is selectable") } } 선택이 불가능하게 하려면 특정한 부분을 DisableSelection 컴포저블로 래핑해야 합니다. @Composable fun DisableSelectionText() { DisableSelection { Text("not selection") } } 선택 가능한 영역의 특정 부분에서 선택 기능을 사용 중지해야 하는 경..

Android 자료실/기능 개발 2024. 1. 2. 04:38

Android Compose에서 TextField의 입력 제한을 설정하는 방법을 알아보겠습니다. TextField의 입력 제한을 설정하려면 TextField() 컴포지션의 maxLength 속성을 사용하면 됩니다. maxLength 속성은 TextField에 입력할 수 있는 최대 문자 수를 나타냅니다. 예를 들어, 다음과 같이 TextField() 컴포지션의 maxLength 속성을 사용하여 입력 제한을 설정할 수 있습니다. val inputValue = remember { mutableStateOf("") } TextField( value = inputValue.value, onValueChange = { if (inputValue.value.length > 10) { // 입력 제한을 초과하면 Tex..

Android 자료실/기능 개발 2024. 1. 2. 04:32

Coil Overview An image loading library for Android backed by Kotlin Coroutines. Coil is: Fast: Coil performs a number of optimizations including memory and disk caching, downsampling the image in memory, automatically pausing/cancelling requests, and more. Ligh coil-kt.github.io 안드로이드 xml 방식에서는 Glide 를 애용하였는데 Compose 에서는 Glide 가 조합이 좀 안맞다는 것이 느껴졌습니다. Glide 도 Compose 용으로도 나와 있고, 사용하시는 분들도 충분히 많다고..

Android 자료실/오픈 소스 2023. 11. 25. 15:39

이번 편은 UI 입니다. 전체 코드는 다음과 같습니다. https://github.com/tmvlke/SimpleDutch/tree/22bff04ce892503bce7c4e8f081557289f5d4a62/app/src/main/kotlin/wskim/aos/simpledutch/ui 큰 틀은 다음과 같습니다. - feature - navigation - theme feature 는 실제 화면을 정의하는 부분입니다. 이 프로젝트는 MVI 라는 디자인 패턴을 사용하고 있고, 그에 따른 구조를 취하고 있습니다. MainScreen.kt 은 실제 화면을 구성하는 부분이고, MainContract 는 뷰모델의 속성을 정의하는 부분, MainViewModel 은 뷰의 행동을 정의하는 부분입니다. 이 포스팅에서 이..

나만의 안드로이드 앱 만들기/초급자 2023. 11. 11. 14:34