본문 바로가기

Android/Jetpack Compose Concepts8

JETPACK COMPOSE Scaffold 정리 Jetpack Compose는 Android 프로그래밍의 미래가 될 수 있습니다! 대부분의 기능과 컴포저블(Composable)은 사용하기 쉽고 이해하기 쉽습니다. 또한 엄청난 수의 속성을 가지고 있습니다. 이번 시간에는 Scaffold에 대해 알아보려고 합니다. Scaffold는 무엇이고 어떻게 사용하는 것일까요? Scaffold는 Material Application에서 사용되는 기본 구성 가능 함수(Composable function)입니다. UI관련 함수는 모두 Composable function이어야 합니다. 이 구성 요소는 올바른 레이아웃 동작이 보장되는 응용 프로그램 화면을 구성하기 위해 여러 재료 구성 요소를 결합하는 간단한 방법을 제공합니다. (예 : 플로팅 액션 버튼 상단 스낵바의 올바.. 2022. 2. 17.
Jetpack Compose 1.1 릴리즈! https://android-developers.googleblog.com/2022/02/jetpack-compose-11-now-stable.html Jetpack Compose 1.1 is now stable! Posted by Florina Muntenescu , Android Developer Relations Engineer Today, we’re releasing version 1.1 of Jetpack Co... android-developers.googleblog.com 구글은 Android의 최신 네이티브 UI 툴킷인 Jetpack Compose 버전 1.1을 2022년 2월 9일 출시하였습니다. 그리고 계속해서 로드맵을 구축하고 있다고 합니다. 이번 릴리즈에는 향상된 초점 처리, 터치 .. 2022. 2. 11.
JETPACK COMPOSE: OutlinedTextField, FilledTextField에 대해 알아보자 Text Field는 사용자가 일반적으로 양식에서 텍스트 정보를 UI에 입력할 수 있도록 하는 UI 구성요소입니다. material design의 Text Field에는 Filled text fields와 Outlined text fileds의 두 가지 유형이 있습니다. 둘 다 동일한 기능을 제공하므로 선호하는 스타일에 따라 선택해야 합니다. 혼합하는 것은 권장하지 않습니다. 두 text field 유형 모두 컨테이너(1), 선택적 선행 아이콘(2), 레이블(3), 입력 텍스트(4), 선택적 후행 아이콘(5), 활성화 표시기(6) 및 선택적 도우미 텍스트(7)로 구성됩니다. Outlined text field in Jetpack Compose Compose는 외곽선 텍스트 필드의 Material 사양을 .. 2022. 1. 26.
JETPACK COMPOSE: Border에 대해 알아보자 Jetpack Compose 내에서 view를 장식할 때 일부 구성 요소는 Border reference를 사용하여 주어진 구성요소의 윤곽을 표시하도록 허용합니다. 현재 Border reference의 사용은 너무 광범위하지 않으며 사용하는데 최소한의 노력이 필요합니다. Border reference를 인스턴스화하는 두 가지 방법이 있습니다. 첫 번째는 Border 클래스를 통해 직접적으로: @Immutable data class BorderStroke(val width: Dp, val brush: Brush) Border 클래스를 직접 사용하는 경우 두가지 속성을 전달해야 합니다. (BorderStroke) width - border의 두께 (required) brush - border 스타일 지정에 .. 2022. 1. 23.
300x250