반응형
Compose Text 스타일링의 구성
Compose의 Text는 다음 14가지의 속성을 설정할 수 있다.
@Composable
fun Text(
text: String,
modifier: Modifier = Modifier,
color: Color = Color.Unspecified,
fontSize: TextUnit = TextUnit.Unspecified,
fontStyle: FontStyle? = null,
fontWeight: FontWeight? = null,
fontFamily: FontFamily? = null,
letterSpacing: TextUnit = TextUnit.Unspecified,
textDecoration: TextDecoration? = null,
textAlign: TextAlign? = null,
lineHeight: TextUnit = TextUnit.Unspecified,
overflow: TextOverflow = TextOverflow.Clip,
softWrap: Boolean = true,
maxLines: Int = Int.MAX_VALUE,
onTextLayout: (TextLayoutResult) -> Unit = {},
style: TextStyle = LocalTextStyle.current
)- color: 색상 설정
- fontSize: 폰트 크기 설정
- fontStyle: 폰트 스타일(normal, italic)을 설정
- fontWeight: 폰트의 굵기를 설정
- fontFamily: 폰트를 설정
- letterSpacing: 글자 사이의 간격을 설정
- textDecoration: 텍스트에 Underline(밑줄), LineThrough(
가로줄)를 설정할 수 있는 옵션 - textAlign: 텍스트의 정렬(align) 을 설정할 수 있는 옵션
- lineHeight: 줄간격을 설정할 수 있는 옵션
- overflow: overflow(글자 넘침)가 일어났을 때 어떻게 보일 것인지 설정
- softWrap: 글자가 영역을 넘어갔을 때 자동으로 줄을 바꿀 것인지 설정
- maxLines: 최대 몇줄까지 보여질지 결정
- onTextLayout: softWrap 등으로 인해 text의 크기 측정이 달라졌을 때의 Callback
- style: 텍스트의 스타일을 지정할 수 있는 옵션
Text에 대해 정리된 글
- [Android Compose Text] 1. Text 색상 바꾸고 투명도 설정하기 : color 프로퍼티 이용하기
- [Android Compose Text] 2. Text 폰트 스타일링 하기 : fontSize, fontStyle, fontWeight
- [Android Compose Text] 3. Text에 글자간, 줄간 간격 만들기 : letterSpacing,lineHeight
- [Android Compose Text] 4. Text 정렬하기 : Start, End, Center, Justify, Left, Right
- [Android Compose Text] 5. TextOverflow를 이용한 Compose Text의 글자가 영역을 벗어났을 때의 처리 : Clip, Visible, Ellipsis
- [Android Compose Text] 6. Text 자동 줄바꿈 설정하기 : softWrap
- [Android Compose Text] 7. Compose Text maxLine 설정하기 : maxLines
- [Android Compose Text] 8. Compose Text buildAnnotatedString과 withStyle 이용하여 자유자재로 Text 스타일링 하기
- [Android Compose 부록] 1. Compose Layout, Text에 LTR, RTL 설정하기
반응형
