如何合并同一字符串的两个不同Spannable对象并在TextView展示所有样式

这个问题我之前也踩过坑，TextUtils.concat()是直接把两个Spannable的内容拼接起来，自然会显示两次字符串。要实现同一个字符串同时应用两种样式，关键是把两个Spannable里的样式规则合并到同一个Spannable实例中，而不是拼接内容本身。

具体实现步骤 #

1. 先拿到你要展示的原始字符串（两个Spannable对应的是同一个字符串，直接复用即可）
2. 创建一个基于原始字符串的SpannableStringBuilder作为容器，用来承载所有样式
3. 分别从两个源Spannable中提取所有样式Span，复制到新的容器里
4. 最后把合并后的Spannable设置给TextView

代码示例 #

假设你的原始字符串是targetText，两个Spannable分别是htmlSpan（Html.fromHtml生成）和boldSpan（StyleSpan粗体）：

// 原始目标字符串
String targetText = "需要展示的内容";

// 示例：生成两个带不同样式的Spannable
Spannable htmlSpan = (Spannable) Html.fromHtml("<font color='#ff0000'>" + targetText + "</font>", Html.FROM_HTML_MODE_LEGACY);
Spannable boldSpan = new SpannableString(targetText);
boldSpan.setSpan(new StyleSpan(Typeface.BOLD), 0, targetText.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

// 步骤1：创建合并用的SpannableStringBuilder
SpannableStringBuilder mergedSpannable = new SpannableStringBuilder(targetText);

// 步骤2：复制第一个Spannable的所有样式
copyAllSpans(htmlSpan, mergedSpannable);
// 步骤3：复制第二个Spannable的所有样式
copyAllSpans(boldSpan, mergedSpannable);

// 步骤4：设置到TextView
yourTextView.setText(mergedSpannable);

辅助方法：复制所有Span样式 #

这个方法负责把源Spannable里的所有样式Span提取并复制到目标容器中：

private void copyAllSpans(Spanned sourceSpanned, SpannableStringBuilder targetBuilder) {
    // 获取源Spannable里的所有样式对象
    Object[] spans = sourceSpanned.getSpans(0, sourceSpanned.length(), Object.class);
    for (Object span : spans) {
        // 获取该样式的作用范围和标记
        int start = sourceSpanned.getSpanStart(span);
        int end = sourceSpanned.getSpanEnd(span);
        int flags = sourceSpanned.getSpanFlags(span);
        // 将样式应用到目标容器
        targetBuilder.setSpan(span, start, end, flags);
    }
}

补充说明 #

• 如果你的htmlSpan是通过旧版Html.fromHtml()（Android N之前）生成的，注意在Android N及以上要加上Html.FROM_HTML_MODE_LEGACY参数，避免样式失效
• 如果两个Spannable的样式作用范围不同（比如一个是部分字符串加粗，一个是部分字符串变色），这个方法也同样适用，因为它会保留每个Span的原始作用范围

内容的提问来源于stack exchange，提问作者Krunal Shah