Android Kotlin：TextView 部分文字变色与粗体效果实现指南

在 Android 中，可以通过以下几种方式实现 TextView 部分文字变色和粗体效果。以下是优化后的实现方法：

1. 使用 SpannableString

SpannableString 是 Android 中用于对文本进行样式化处理的工具，适合动态设置部分文字的样式。

示例代码：

val textView: TextView = findViewById(R.id.textView)
val text = "Hello, World!"
val spannableString = SpannableString(text)

// 设置部分文字颜色（红色）
spannableString.setSpan(
    ForegroundColorSpan(Color.RED), // 颜色
    0, 5, // 起始和结束位置
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)

// 设置部分文字为粗体
spannableString.setSpan(
    StyleSpan(Typeface.BOLD), // 粗体
    7, 12, // 起始和结束位置
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)

// 应用到 TextView
textView.text = spannableString

效果：

• Hello 变为红色。
• World 变为粗体。

---

2. 使用 HTML 标签

通过 Html.fromHtml() 方法，可以使用简单的 HTML 标签实现部分文字变色和粗体。

示例代码：

val textView: TextView = findViewById(R.id.textView)
val text = "<font color='red'>Hello</font>, <b>World!</b>"
textView.text = Html.fromHtml(text, Html.FROM_HTML_MODE_LEGACY)

效果：

• Hello 变为红色。
• World! 变为粗体。

---

3. 使用 SpannableStringBuilder

SpannableStringBuilder 是 SpannableString 的可变版本，适合动态拼接多个样式。

示例代码：

val textView: TextView = findViewById(R.id.textView)
val builder = SpannableStringBuilder()

// 添加红色文字
val redText = "Hello"
builder.append(redText)
builder.setSpan(
    ForegroundColorSpan(Color.RED),
    builder.length - redText.length, builder.length,
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)

// 添加普通文字
builder.append(", ")

// 添加粗体文字
val boldText = "World!"
builder.append(boldText)
builder.setSpan(
    StyleSpan(Typeface.BOLD),
    builder.length - boldText.length, builder.length,
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)

// 应用到 TextView
textView.text = builder

效果：

• Hello 变为红色。
• World! 变为粗体。

---

4. 结合多种样式

可以同时设置多种样式（如颜色、粗体、下划线等）。

示例代码：

val textView: TextView = findViewById(R.id.textView)
val text = "Hello, World!"
val spannableString = SpannableString(text)

// 设置红色和粗体
spannableString.setSpan(
    ForegroundColorSpan(Color.RED),
    0, 5,
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)
spannableString.setSpan(
    StyleSpan(Typeface.BOLD),
    0, 5,
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)

// 设置下划线
spannableString.setSpan(
    UnderlineSpan(),
    7, 12,
    Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
)

textView.text = spannableString

效果：

• Hello 变为红色且加粗。
• World 添加下划线。

---

总结对比

方法	优点	缺点	适用场景
SpannableString	灵活，支持多种样式	代码稍多	动态设置部分文字样式
HTML 标签	简单易用，适合静态文本	功能有限，不支持所有样式	简单的静态文本样式
SpannableStringBuilder	适合动态拼接多个样式	代码稍复杂	动态拼接多个样式

---

推荐方案

• 如果需要动态设置部分文字的样式，推荐使用 SpannableString 或 SpannableStringBuilder。
• 如果是简单的静态文本样式，可以使用 HTML 标签。

---

优化建议

1. 封装工具方法：
   将常用的样式设置封装为工具方法，便于复用。

   fun setTextStyle(textView: TextView, text: String, start: Int, end: Int, color: Int? = null, isBold: Boolean = false) {
       val spannableString = SpannableString(text)
       color?.let {
           spannableString.setSpan(
               ForegroundColorSpan(it),
               start, end,
               Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
           )
       }
       if (isBold) {
           spannableString.setSpan(
               StyleSpan(Typeface.BOLD),
               start, end,
               Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
           )
       }
       textView.text = spannableString
   }
   

   使用：

   setTextStyle(textView, "Hello, World!", 0, 5, Color.RED, true)
   

2. 减少重复代码：
   使用 Kotlin 的扩展函数简化代码。

   fun TextView.setPartialStyle(text: String, start: Int, end: Int, color: Int? = null, isBold: Boolean = false) {
       val spannableString = SpannableString(text)
       color?.let {
           spannableString.setSpan(
               ForegroundColorSpan(it),
               start, end,
               Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
           )
       }
       if (isBold) {
           spannableString.setSpan(
               StyleSpan(Typeface.BOLD),
               start, end,
               Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
           )
       }
       this.text = spannableString
   }
   

   使用：

   textView.setPartialStyle("Hello, World!", 0, 5, Color.RED, true)
   

---