[Android] Jetpack Compose에서 Toast Message를 Custom 할 수 있을까?

때론 디자인에 따라 Toast 위젯 디자인을 커스텀해야 하는 경우가 있습니다. 최근 사이드 프로젝트에서 Jetpack Compose로 Toast 위젯을 커스텀해야 하는 경우가 생겨 이번 기회에 알아보려고 합니다! 1. 기존에 사용한 Toast Message Custom //Toast 위젯 상속 class CustomToast(context: Context) : Toast(context) { } //객체 생성 Toast(context).apply { view = toastLayout setGravity(Gravity.CENTER,0,0) } 기존에는 Toast 위젯를 상속받는 Class를 통해 Customview를 생성하거나, 객체를 생성하여 setView(), setGravitiy() 등 다양한 속성값을..

• format_list_bulleted Android
• · 2023. 6. 19.
• textsms

[Android] Jetpack Compose에서 TextField는 어떻게 커스텀 할까?

검색이나 값을 사용자로부터 입력받아야 하는 경우 xml에서는 EditText를 사용해 왔습니다. Compose에서는 TextField라는 것을 사용합니다. TextField는 어떻게 커스텀할 수 있을까요? 1. TextField 먼저, TextField에 대해 간단히 알아보도록 하겠습니다. @Composable fun TextField( value: TextFieldValue, onValueChange: (TextFieldValue) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, readOnly: Boolean = false, textStyle: TextStyle = LocalTextStyle.current, label: @Compos..

• format_list_bulleted Android
• · 2023. 6. 6.
• textsms

[Android] Jetpack Compose로 Android Widget은 어떻게 개발할까?

최근에 서버 개발자분이 안드로이드 위젯에 관한 질문을 주셔서 알아보다가 JetPack Compose에서는 어떻게 위젯을 만드는지에 대한 궁금증이 생겼습니다. 어떤 라이브러리를 사용하고 어떻게 개발하는지 알아보려고 합니다! 1. Glance 라이브러리 추가 implementation "androidx.glance:glance-appwidget:1.0.0-alpha05" 우선, 앱 위젯을 사용하기 위한 라이브러리를 추가해 줍니다. (아직 Jetpack용 Glance는 알파 버전만 출시된 상황입니다.) Glance는 선언형 Kotlin API를 제공하므로, 훨씬 적은 코드로 보기에도 좋고 반응이 빠른 앱 위젯을 빌드할 수 있다고 합니다. 해당 라이브러리를 사용해보니 compileSdk가 33인 곳에서 실행이 ..

• format_list_bulleted Android
• · 2023. 3. 16.
• textsms

[Android] 스켈레톤 로딩 효과 적용해보기(feat. xml 과 Compose)

앱을 사용하다 보면 서버에서 데이터를 받아오는 과정에서 로딩 프로세스바나 리스트 모양이 반짝거리는 등의 효과를 볼 수 있습니다. 이러한 효과들은 사용자에게 데이터를 받아오는 중이라는 것을 명시할 수 있고, 로딩 애니메이션에는 스켈레톤 UI, 루프 애니메이션, 프로그래스 바 등 다양한 방법이 있습니다. 그중에서 오늘은 스켈레톤 로딩을 구현하는 방법에 대해 공부해보려고 합니다.! (Compose 또한 어떻게 적용하는지 궁금해서 xml과 Compose 모두 다뤄보려고 합니다.) XML 스켈레톤 UI를 구현하는 방법은 다양하지만, 가장 많이 사용되는 facebook에서 제공하는 라이브러리인 shimmer-android를 사용해보도록 하겠습니다. 우선 build.gradle에 라이브러리를 추가합니다. // Gra..

• format_list_bulleted Android
• · 2022. 10. 27.
• textsms