Surface
Composable의 컨테이너
다른 컨테이너 (Row, Box 등)과 다르게 배치 방법이 아닌 디자인 효과를 나타낼 수 있음
Surface 매개변수
1. modifier: Modifier
[Kotlin] 코틀린 JetPack Compose Modifier
ModifierJetpack Compose에서 사용하는 메서드Text, Box같은 Compose 기본 컴포저블 함수에 기본적으로 modifier 파라미터를 가지고 있음UI 요소를 다루기 위한 도구로 XML보다 편리하게 사용 가능 Text( text = "Cl
myhappycoding.tistory.com
2. shape: Shape
컨테이너의 모양 정의
CircleShape : 원형
RectangleShape : 사각형
RoundedCornerShape(dp) : 둥근 모서리
CutCornerShape(dp) : 잘린 모서리
-> topStart, topEnd, bottomEnd, bottomStart로 각 모서리를 다르게 지정 가능
3. color : Color
배경색상 지정
4. contentColor : Color
내부 텍스트, 아이콘의 기본 색상 지정
5. border : BorderStroke
테두리 적용
BorderStroke(width: Dp, color: Color)
6. tonalElevation : Dp
음영 표현
낮을수록 배경과 같은 색상이 되고
높으면 더 밝아 보임 (떠있는 것 같은 효과)
'언어 > Kotlin' 카테고리의 다른 글
| [Kotlin] 코틀린 람다 표현식 (후행 람다) (0) | 2025.04.30 |
|---|---|
| [Kotlin] 코틀린 JetPack Compose - Box (0) | 2025.04.24 |
| [Kotlin] 코틀린 JetPack Compose - Column (0) | 2025.04.23 |
| [Kotlin] 코틀린 JetPack Compose - Row (0) | 2025.04.23 |
| [Kotlin] 코틀린 JetPack Compose Modifier (1) | 2025.04.22 |