Modifier이란 무엇인가?
Modifier이란 Compose의 UI 구성요소들을 꾸미거나 행동을 추가하기 위한 요소들의 모음이다. 따라서 이 글에서는 Modifier을 두 가지 분류로 나누고자 한다.
- UI 구성요소들을 꾸미기 위한 Modifier
- 행동을 추가하기 위한 Modifier
UI 구성요소들을 꾸미기 위한 Modifier
[Android Compose Modifier] 1. Modifier로 크기(너비, 높이) 조절하기
[Android Compose Modifier] 1. Modifier로 크기(너비, 높이) 조절하기
크기를 조절하는 Modifier 크기를 조절하기 위해서는 다음의 Modifier 구성요소들을 사용할 수 있다. 이 Modifier은 모든 Compose Component에 대해 사용 가능하다. Modifier.width(width: Dp) : 너비를 width.dp..
kotlinworld.com
[Android Compose Modifier] 2. padding, offset 이용하여 컴포넌트간 여유공간 만들기
[Android Compose Modifier] 2. padding, offset 이용하여 컴포넌트간 여유공간 만들기
Compose에서 제공하는 여유공간 변수 compose에서는 Modifier에서 여유공간을 만들기 padding, offset을 지원한다. xml에서 자주 쓰였던 margin은 제공되지 않는다. padding : 자신을 기준으로 안쪽으로 얼만큼
kotlinworld.com
[Android Compose Modifier] 3. Modifier.background로 배경색 설정하고 라운딩 처리하기
[Android Compose Modifier] 3. Modifier.background로 배경색 설정하고 라운딩 처리하기
Modifier.background 내부 살펴보기 Modifier.background에서는 두가지 방법으로 background를 설정하는 방법을 지원한다. color과 shape을 이용해 배경색과 모양 만들기 brush와 shape, alpha를 이용해 그라데이..
kotlinworld.com
[Android Compose Modifier] 4. Modifier.background에서 Brush 다루기 : 그라데이션 만들기
[Android Compose Modifier] 4. Modifier.background에서 Brush 다루기 : 그라데이션 만들기
background에 brush를 이용해서 그라데이션(Gradient) 만들기 그라데이션 처리는 아래 그림과 같이 여러개의 색을 섞어 그라데이션을 만드는 것을 뜻한다. Modifier에서는 파라미커로 Brush를 받을 수 있는
kotlinworld.com
[Android Compose Modifier] 5. Color에 alpha 적용해 투명도 설정하기
[Android Compose Modifier] 5. Color에 alpha 적용해 투명도 설정하기
alpha란? alpha란 불투명도를 설정하는 float값이다. alpha가 1에 가까워질수록 불투명해지며 0에 가까워질 수록 투명해진다. alpha = 1f : default값. 불투명 alpha = 0f : 완전 투명 alpha란 무엇인가를 한 눈에.
kotlinworld.com
[Android Compose Modifier] 6. border을 이용해 테두리 만들기
[Android Compose Modifier] 6. border을 이용해 테두리 만들기
border border은 border의 너비(width) 색상(color) 모양(shape)을 설정함으로써 설정 가능하다. fun Modifier.border(width: Dp, color: Color, shape: Shape = RectangleShape) = border(width, SolidColor(colo..
kotlinworld.com
[Android Compose Modifier] 7. padding과 border을 조합하여 중첩 테두리 만들기(Multiple Border)
[Android Compose Modifier] 7. padding과 border을 조합하여 중첩 테두리 만들기(Multiple Border)
이번 글에서는 하나의 modifier에서 여러개의 border을 만드는 방법을 살펴본다. Modifier에 중첩 border만들기 하나의 Modifier에 여러개의 border을 적용시키는 방법은 간단하다. border사이에 padding을 주면
kotlinworld.com