如何在Jetpack Compose中基于特定字符应用多格式与样式？

问题背景 #

我正在将代码迁移至Jetpack Compose，无法找到基于内容中的特定字符应用多种样式的方法。

原始文本示例：

"℣¦Cantaré eternamente las misericordias del Señor, ≀anunciaré tu
 fidelidad por todas las edades. ≀Porque dijiste: «La misericordia es
 un edificio eterno», ≀más que el cielo has afianzado tu fidelidad.
 ℟§℣¦«Sellé una alianza con mi elegido, ≀jurando a David, mi siervo:
 ≀Te fundaré un linaje perpetuo, ≀edificaré tu trono para todas las
 edades». ℟§℣¦Él me invocará: “Tú eres mi padre, ≀mi Dios, mi Roca
 salvadora”. ≀Le mantendré eternamente mi favor, ≀y mi alianza con él
 será estable. ℟"

需要实现的要求：

• 将所有℣或℟替换为相同字符，但使用红色样式
• 将所有¦替换为4个空格
• 将所有≀替换为换行符加4个空格
• 将所有§替换为双换行符

在Compose之前，我使用HTML字符串替换实现该效果，代码如下：

const val BRS = "<br /><br />"
const val BR = "<br />"
const val NBSP_4 = " &nbsp;&nbsp;&nbsp;&nbsp;"

fun toRedFont(s: String?): String {
    return String.format("<font color=\"%s\">%s</font>", redCode, s)
}

fun getFormato(sOrigen: String): String {
    return sOrigen
        .replace("§", BRS)
        .replace("~", BR)
        .replace("¦", NBSP_4)
        .replace("℟", toRedFont("℟."))
        .replace("℣", toRedFont("℣."))
}

Compose实现方案 #

Compose中无法通过HTML标签替换实现富文本，需要使用AnnotatedString.Builder逐个处理字符，添加对应样式和格式。

1. 核心转换函数 #

import androidx.compose.ui.text.AnnotatedString
import androidx.compose.ui.text.SpanStyle
import androidx.compose.ui.text.buildAnnotatedString
import androidx.compose.ui.graphics.Color

fun formatToAnnotatedString(original: String): AnnotatedString {
    val redStyle = SpanStyle(color = Color.Red)
    val indentSpaces = "    " // 4个空格对应缩进

    return buildAnnotatedString {
        // 按§拆分段落，实现双换行分隔
        val paragraphs = original.split("§")
        paragraphs.forEachIndexed { paraIndex, paragraph ->
            if (paraIndex > 0) {
                append("\n\n") // 段落间添加双换行
            }

            // 按≀拆分行，实现换行加缩进
            val lineSegments = paragraph.split("≀")
            lineSegments.forEachIndexed { lineIndex, segment ->
                if (lineIndex > 0) {
                    append("\n$indentSpaces") // 换行后添加缩进
                }

                // 遍历处理每个字符
                segment.forEach { char ->
                    when (char) {
                        '℣', '℟' -> {
                            pushStyle(redStyle)
                            append(char)
                            pop()
                        }
                        '¦' -> append(indentSpaces)
                        else -> append(char)
                    }
                }
            }
        }
    }
}

2. 在Compose中使用 #

import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp

@Composable
fun FormattedLiturgicalText(originalText: String) {
    Text(
        text = formatToAnnotatedString(originalText),
        fontSize = 16.sp,
        modifier = Modifier.padding(16.dp)
    )
}

说明 #

• 该方案通过拆分段落和行片段，逐个处理特殊字符，既保证了格式要求，也实现了指定字符的颜色样式
• 可根据需求调整indentSpaces的空格数、redStyle的颜色值，或修改段落/行的分隔逻辑

内容的提问来源于stack exchange，提问作者A. Cedano