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
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
