Android Jetpack Compose UI/Compose Text

[Compose Text] Text Composable의 프로퍼티에 대해 알아보자

반응형

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에 대해 정리된 글

 

반응형

 

이 글의 저작권은 Kotlin World 에 있습니다. 글, 이미지 무단 재배포 및 변경을 금지합니다.