[ Compose ] Using Rich Text Style in Compose

最新推荐文章于 2025-08-18 19:53:22 发布

ByteFlys

最新推荐文章于 2025-08-18 19:53:22 发布

阅读量565

点赞数 14

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/u013718730/article/details/145228232

android 同时被 2 个专栏收录

377 篇文章

订阅专栏

Kotlin

31 篇文章

订阅专栏

Functional Style

@Preview
@Composable
fun AnnotatedTextView() {
    val styleRanges = mutableListOf<Range<SpanStyle>>()
    val style1 = SpanStyle(color = Color.Red)
    val range1 = Range(style1, 0, 9)
    val style2 = SpanStyle(color = Color.Green)
    val range2 = Range(style2, 9, 18)
    styleRanges.add(range1)
    styleRanges.add(range2)
    val paragraphRanges = mutableListOf<Range<ParagraphStyle>>()
    val paragraphStyle1 = ParagraphStyle(lineHeight = TextUnit(2.0f, TextUnitType.Em))
    val paragraphRange1 = Range(paragraphStyle1, 0, 18)
    paragraphRanges.add(paragraphRange1)
    val annotatedString = AnnotatedString(text = "123456789123456789123456789", spanStyles = styleRanges, paragraphStyles = paragraphRanges)
    Text(text = annotatedString)
}

DSL Style

@Preview
@Composable
fun AnnotatedTextView() {
    Text(text = buildAnnotatedString {
        pushStyle(ParagraphStyle(lineHeight = TextUnit(2.0f, TextUnitType.Em)))
        pushStyle(SpanStyle(color = Color.Red))
        append("123456789")
        pop()
        pushStyle(SpanStyle(color = Color.Green))
        append("123456789")
        pop()
        pop()
        append("123456789")
    })
}