如何为Web服务返回的动态字符串中的数字和字符设置不同样式？

这个场景太常见了！既然没法提前确定数字的位置，咱们可以用正则表达式匹配数字区间，再结合Spannable来给不同部分设置样式，完美适配动态字符串的情况。下面是具体实现步骤和代码示例：

核心思路 #

1. 先用正则表达式找出字符串中所有连续的数字序列，获取它们的起始和结束索引
2. 创建Spannable对象，先给整个字符串设置非数字部分的默认样式
3. 遍历所有匹配到的数字区间，给这些位置覆盖设置数字专属的样式（Span会自动覆盖之前的样式）

Android 代码实现示例 #

1. 基础样式实现（系统字体+颜色+字号） #

// 模拟从Web服务获取的动态字符串
val dynamicText = "Distance is 5000 mph" // 或者 "Arrival in 2 hours & 40 minutes"

// 创建SpannableString来承载可样式化的文本
val spannableContent = SpannableString(dynamicText)

// --- 第一步：定义非数字部分的样式 ---
val nonNumberSpan = TextAppearanceSpan(
    null,
    Typeface.NORMAL, // 字体样式：常规
    16, // 字号：16sp
    ColorStateList.valueOf(Color.parseColor("#333333")), // 颜色：深灰色
    null
)
// 先给整个字符串设置非数字的默认样式
spannableContent.setSpan(
    nonNumberSpan,
    0,
    dynamicText.length,
    Spannable.SPAN_INCLUSIVE_INCLUSIVE
)

// --- 第二步：定义数字部分的样式 ---
val numberSpan = TextAppearanceSpan(
    null,
    Typeface.BOLD, // 字体样式：加粗
    20, // 字号：20sp（比非数字大）
    ColorStateList.valueOf(Color.parseColor("#E53935")), // 颜色：红色
    null
)

// --- 第三步：用正则匹配所有数字区间并设置样式 ---
val numberPattern = Pattern.compile("\\d+") // 匹配1个或多个连续数字
val matcher = numberPattern.matcher(dynamicText)

// 遍历所有匹配到的数字段
while (matcher.find()) {
    val startIndex = matcher.start()
    val endIndex = matcher.end()
    // 给当前数字段设置专属样式
    spannableContent.setSpan(
        numberSpan,
        startIndex,
        endIndex,
        Spannable.SPAN_INCLUSIVE_INCLUSIVE
    )
}

// 最后把样式化后的文本设置到TextView
yourTextView.text = spannableContent

2. 进阶：使用自定义字体 #

如果需要给数字设置自定义字体，默认的TypefaceSpan只支持系统字体，咱们可以自定义一个MetricAffectingSpan来实现：

// 自定义TypefaceSpan，支持自定义字体
class CustomTypefaceSpan(private val customTypeface: Typeface) : MetricAffectingSpan() {
    override fun updateDrawState(textPaint: TextPaint) {
        applyTypeface(textPaint, customTypeface)
    }

    override fun updateMeasureState(textPaint: TextPaint) {
        applyTypeface(textPaint, customTypeface)
    }

    private fun applyTypeface(paint: TextPaint, typeface: Typeface) {
        val oldStyle = paint.typeface?.style ?: 0
        val fakeStyle = oldStyle and typeface.style.inv()

        // 处理伪粗体/斜体（如果自定义字体不包含对应的样式）
        if (fakeStyle and Typeface.BOLD != 0) {
            paint.isFakeBoldText = true
        }
        if (fakeStyle and Typeface.ITALIC != 0) {
            paint.textSkewX = -0.25f
        }

        paint.typeface = typeface
    }
}

然后在数字样式中替换成这个自定义Span：

// 从assets加载自定义字体（假设字体文件放在assets/fonts/number_font.ttf）
val numberTypeface = Typeface.createFromAsset(context.assets, "fonts/number_font.ttf")
val customNumberSpan = CustomTypefaceSpan(numberTypeface)

// 同时可以组合多个Span实现更复杂的样式（比如颜色+自定义字体+字号）
spannableContent.setSpan(customNumberSpan, startIndex, endIndex, Spannable.SPAN_INCLUSIVE_INCLUSIVE)
spannableContent.setSpan(ForegroundColorSpan(Color.RED), startIndex, endIndex, Spannable.SPAN_INCLUSIVE_INCLUSIVE)
spannableContent.setSpan(RelativeSizeSpan(1.2f), startIndex, endIndex, Spannable.SPAN_INCLUSIVE_INCLUSIVE)

关键说明 #

• 正则表达式\\d+可以匹配所有连续的数字序列，不管数字是1位还是多位
• Spannable的Span是覆盖机制：先设置全局默认样式，再给数字段设置专属样式，这样数字部分会覆盖默认样式，非数字部分保留默认样式
• 这种方法完全适配动态字符串，不管字符串内容怎么变，只要有数字就能自动匹配并设置样式

内容的提问来源于stack exchange，提问作者Alaa AbuZarifa