텍스트 일부 스타일 지정

텍스트의 일부에 스타일을 지정하여 가독성을 높이고, 긍정적인 사용자 환경을 조성하고, 색상과 글꼴을 사용하여 창의성을 높일 수 있습니다.

결과

여러 스타일이 적용된 Hello World 텍스트 — **그림 1.** 여러 스타일이 적용된 텍스트 줄입니다.

버전 호환성

이 구현에서는 프로젝트 minSDK가 API 수준 21 이상으로 설정되어야 합니다.

종속 항목

텍스트 일부 스타일 지정

다음 코드는 'H'에는 파란색을, 'W'에는 빨간색을, 나머지 텍스트에는 검은색을 사용하여 'Hello World' 문자열을 표시합니다. 단일 Text 컴포저블 내에서 여러 스타일을 설정하려면 다음 코드를 사용하세요.

@Composable
fun MultipleStylesInText() {
    Text(
        buildAnnotatedString {
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")

            withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                append("W")
            }
            append("orld")
        }
    )
}TextSnippets.kt