Android中如何使用TextView为动态文本设置样式

针对可变标题和列表项的富文本展示需求，可通过以下步骤实现动态样式设置：

1. 定义样式资源 #

在资源文件中统一配置样式参数，方便后续修改维护：

colors.xml #

<resources>
    <color name="section_header_color">#FF5722</color> <!-- 标题颜色 -->
    <color name="list_item_color">#424242</color> <!-- 列表项颜色 -->
</resources>

dimens.xml #

<resources>
    <dimen name="header_text_size">16sp</dimen> <!-- 标题字号 -->
    <dimen name="list_item_text_size">13sp</dimen> <!-- 列表项字号 -->
    <dimen name="list_base_indent">32dp</dimen> <!-- 列表项基础缩进 -->
    <dimen name="list_number_offset">48dp</dimen> <!-- 编号占宽，确保换行对齐 -->
</resources>

2. 封装数据结构 #

用数据类存储每个章节的标题和列表项，适配动态生成的内容：

data class DeviceInfoSection(
    val title: String,
    val items: List<String>
)

3. 动态构建富文本 #

使用SpannableStringBuilder逐个添加章节和列表项，并应用样式：

// 从数据源动态获取章节数据（示例）
val deviceSections = listOf(
    DeviceInfoSection("设备详情", listOf(
        "ESN: 0-4638929",
        "硬件地址: E4:EE:D8:25:44:A3",
        "硬件版本: 1",
        "生产日期: Fri Apr 20 16:27:00 GMT+05:30 2018",
        "应用版本: 2.14.5",
        "UUID: 9499542"
    )),
    DeviceInfoSection("当前设备信息", listOf(
        "厂商: motorola",
        "型号: motorola edge 20 fusion",
        "系统版本: 12",
        "屏幕分辨率: 1080x2275",
        "屏幕密度: 400 dpi",
        "设备语言: English (India)",
        "网络类型: 移动数据",
        "App版本: 1.5.4 (1132)"
    )),
    DeviceInfoSection("诊断信息", listOf("DDM: 0")),
    DeviceInfoSection("ASIC引导程序", listOf("版本: 3")),
    DeviceInfoSection("发射功率", listOf("发射功率: 232"))
)

val spannableBuilder = SpannableStringBuilder()
val context = this@YourActivity // 替换为你的上下文
val headerColor = ContextCompat.getColor(context, R.color.section_header_color)
val itemColor = ContextCompat.getColor(context, R.color.list_item_color)
val headerTextSize = resources.getDimension(R.dimen.header_text_size) / resources.displayMetrics.scaledDensity
val baseIndent = resources.getDimensionPixelSize(R.dimen.list_base_indent)
val numberOffset = resources.getDimensionPixelSize(R.dimen.list_number_offset)

deviceSections.forEachIndexed { sectionIndex, section ->
    // 添加章节标题并设置样式
    val headerStart = spannableBuilder.length
    spannableBuilder.append(section.title).append("\n\n")
    val headerEnd = spannableBuilder.length - 2 // 去掉末尾换行符的样式范围
    spannableBuilder.setSpan(StyleSpan(Typeface.BOLD), headerStart, headerEnd, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
    spannableBuilder.setSpan(ForegroundColorSpan(headerColor), headerStart, headerEnd, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
    spannableBuilder.setSpan(RelativeSizeSpan(headerTextSize / 13), headerStart, headerEnd, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)

    // 添加列表项
    section.items.forEachIndexed { itemIndex, item ->
        val itemText = "${itemIndex + 1}. $item\n"
        val itemStart = spannableBuilder.length
        spannableBuilder.append(itemText)
        val itemEnd = spannableBuilder.length - 1 // 去掉末尾换行符的样式范围
        
        // 设置列表项颜色
        spannableBuilder.setSpan(ForegroundColorSpan(itemColor), itemStart, itemEnd, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
        // 设置缩进，确保换行后内容对齐编号后的位置
        spannableBuilder.setSpan(
            LeadingMarginSpan.Standard(baseIndent, baseIndent + numberOffset),
            itemStart,
            itemEnd,
            Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
        )
    }

    // 章节间添加空行（最后一个章节不添加）
    if (sectionIndex != deviceSections.size - 1) {
        spannableBuilder.append("\n")
    }
}

// 将构建好的富文本设置到TextView
consoleTextView.text = spannableBuilder

关键说明 #

• 动态样式控制：通过SpannableStringBuilder可灵活为每个标题和列表项单独设置样式，完全适配可变数量的内容。
• 换行对齐：使用LeadingMarginSpan.Standard设置首行和后续行的缩进量，确保列表项长文本换行后不会跑到编号前方。
• 资源统一管理：将颜色、字号等样式参数放在资源文件中，便于后续统一修改和多端适配。

内容的提问来源于stack exchange，提问作者Ron Weasley