Android单个Spannable能否添加多段颜色？拼写检查场景技术求助

你遇到的问题其实是很容易踩的小坑——大概率是重复使用了同一个ForegroundColorSpan实例，或者是索引/flags的使用有误。我之前做拼写检查的高亮功能时也碰到过一模一样的情况，后来调整后就完美实现了多个错误字母标红的效果，根本不需要用LinearLayout嵌套TextView的方案，用SpannableStringBuilder就足够优雅。

核心要点：每个Span都要创建新实例 #

如果你反复调用setSpan时用的是同一个ForegroundColorSpan对象，那么后面的设置会覆盖掉前面的Span位置，导致最后只有一处（或者某一段）变红。正确的做法是每个需要标红的位置都新建一个ForegroundColorSpan实例。

完整代码示例 #

针对你举的例子，我们可以这样实现：

import android.graphics.Color;
import android.text.SpannableStringBuilder;
import android.text.style.ForegroundColorSpan;
import android.widget.TextView;

// 用户输入的字符串
String userInput = "Mossosoppo";
// 正确的目标单词
String correctWord = "Missisippi";

SpannableStringBuilder spannableText = new SpannableStringBuilder(userInput);

// 逐个字符对比，标记错误位置
for (int i = 0; i < userInput.length() && i < correctWord.length(); i++) {
    if (userInput.charAt(i) != correctWord.charAt(i)) {
        // 每个错误位置都创建新的红色Span！
        ForegroundColorSpan redSpan = new ForegroundColorSpan(Color.RED);
        // 使用SPAN_EXCLUSIVE_EXCLUSIVE即可，这个flag表示Span不包含start和end之外的扩展内容
        spannableText.setSpan(redSpan, i, i + 1, SpannableStringBuilder.SPAN_EXCLUSIVE_EXCLUSIVE);
    }
}

// 处理输入长度比正确单词长的情况（超出部分全部标红）
if (userInput.length() > correctWord.length()) {
    ForegroundColorSpan extraRedSpan = new ForegroundColorSpan(Color.RED);
    spannableText.setSpan(extraRedSpan, correctWord.length(), userInput.length(), SpannableStringBuilder.SPAN_EXCLUSIVE_EXCLUSIVE);
}

// 把处理后的文本设置到TextView
yourTextView.setText(spannableText);

为什么之前的尝试失败？ #

• 重复使用同一个Span实例：这是最常见的原因。Span对象看似可以复用，但每次setSpan会更新它的附着位置，所以同一个实例只能对应一段文本。
• 索引计算错误：setSpan的start是包含的，end是不包含的，比如要标记第3个字符（索引从0开始），应该是start=2, end=3，如果不小心把end设成了字符串长度，就会导致从start到末尾全变红。
• Flags的误解：其实对于静态的文本高亮，SPAN_EXCLUSIVE_EXCLUSIVE就足够了，其他flags主要是用于文本编辑时Span的扩展行为，静态展示用这个最稳妥。

这个方案比嵌套多个TextView高效得多，也更易维护，赶紧试试上面的代码，应该就能解决你的问题了！

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