![[Compose] 특정 텍스트 색상 변경에 대한 고민](http://i1.daumcdn.net/thumb/C120x120/?fname=https://blog.kakaocdn.net/dn/mt54j/btsu7WfJ592/Cx7rNOwUY2SuFeJgX0JJZK/img.jpg)
[Compose] 특정 텍스트 색상 변경에 대한 고민
문제 상황 Compose로 UI를 구성하던 중에 문제 상황이 발생하였습니다. 위의 이미지와 같이 검색 결과 중 검색어와 같은 글자의 텍스트 색상을 변경하는 디자인을 구성해야 했습니다. xml로 작업할 때는 RecyclerView의 adapter에서 함수를 사용해서 쉽게 변경할 수 있었지만, compose를 배우고 있는 터라 방법을 찾기 어려웠습니다. 구글링을 통해서 관련 라이브러리나 함수를 찾아보았지만 마땅한 방법이 없어서 직접 알고리즘을 구현하기로 결심하였습니다. 알고리즘 고민 단순히 검색 글자와 같은 부분을 찾아서 색상을 변경하기에는 아래와 같은 문제가 있었습니다. 1. 검색 내용을 여러개 포함하는 경우 - "바다" 단어로 검색을 하였을 때, "바다 앞 바다 카페" 의 검색 결과의 경우 2가지 검색 ..
- [Android] Tech,Study/[Android] Trouble Shoot
- · 2023. 9. 21.
BasicTextField를 활용한 Custom Compose TextField(EditText)
Compose의 EditText compose에서는 editText로 TextField를 사용합니다. 하지만 TextField는 내부 padding 값이 임의로 정해져 있으며, 커스텀하기 어렵다는 단점이 있습니다. 따라서 BasicTextField를 사용한 Custom Compose TextField를 제작했습니다. BasicTextField https://developer.android.com/reference/kotlin/androidx/compose/foundation/text/package-summary#BasicTextField(kotlin.String,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,andr..
- [Android] Tech,Study/[Android] Custom
- · 2023. 9. 21.
[Android,Paging] Compose에서 Paging Library 구현하기 (2)
Paging Library 구현 2번째 포스팅 입니다. https://jinudmjournal.tistory.com/131 [Android,Paging] Compose에서 Paging Library 구현하기 (1) Paging 라이브러리 Paging 라이브러리는 대규모 데이터 세트에서 페이징 된 데이터를 로드하여 표시하는 기능을 제공한다. Paging 라이브러리를 사용해서 네트워크 데이터 소스에서 페이징 된 데이 jinudmjournal.tistory.com Paging 구현 순서 이 포스팅에서 사용하는 Paging 구현 순서는 아래와 같다. 1. Data Model을 정의한다. - Entity, Dto, Domain Model, Mappers.. 2. RoomDB를 구현한다. 3. Retrofit 등 ..
- [Android] Tech,Study/[Android] Compose
- · 2023. 9. 16.
![[Android,Paging] Compose에서 Paging Library 구현하기 (1)](http://i1.daumcdn.net/thumb/C120x120/?fname=https://blog.kakaocdn.net/dn/bnIRqP/btst7xhLpJl/mtijujn5K2MlObtJAax160/img.jpg)
[Android,Paging] Compose에서 Paging Library 구현하기 (1)
Paging 라이브러리 Paging 라이브러리는 대규모 데이터 세트에서 페이징 된 데이터를 로드하여 표시하는 기능을 제공한다. Paging 라이브러리를 사용해서 네트워크 데이터 소스에서 페이징 된 데이터의 스트림을 설정하고, Compose View에 표시하는 방법을 학습했다. 우선 아래와 같이 Paging 관련 Library를 추가한다. // paging def paging_version = "3.1.1" implementation "androidx.paging:paging-runtime:$paging_version" implementation "androidx.paging:paging-compose:1.0.0-alpha18" 대부분의 페이징 라이브러리는 서버와 로컬 DB를 함께 사용하므로, Room과 ..
- [Android] Tech,Study/[Android] Compose
- · 2023. 9. 16.