HTML 文本格式化：巧用 Span 提升视觉效果

使用 SpannableString 提升 Android 文本样式的动态化

在 Android 开发中，文字排版对于用户体验至关重要。传统的 HTML 标签可以提供丰富的格式选项，但有时需要更灵活的解决方案，以动态地调整文本样式。这就是 SpannableString 发挥作用的地方。

SpannableString 简介

SpannableString 是一个可变文本序列，允许您为文本的特定范围设置样式。这些样式通过称为 Span 的对象实现，这些对象可以包含颜色、字体、背景等属性。SpannableString 与普通字符串的不同之处在于，它可以在字符串上附加 Span 对象，从而改变字符串中特定范围的样式。

Span 的使用

Span 可以通过 SpannableString.setSpan() 方法添加到 SpannableString 中，该方法接收三个参数：

• Span： 要添加到字符串中的样式对象
• start： 要应用样式的起始位置
• end： 要应用样式的结束位置

常用 Span 类型

Android 提供了多种 Span 类型，以下是一些常用的 Span：

• ForegroundColorSpan： 设置文本的颜色
• BackgroundColorSpan： 设置文本的背景色
• StrikethroughSpan： 添加删除线
• UnderlineSpan： 添加下划线
• AbsoluteSizeSpan： 设置文本的绝对大小
• RelativeSizeSpan： 设置文本的相对大小
• StyleSpan： 设置文本的样式，如正常、粗体、斜体等
• TypefaceSpan： 设置文本的字体

示例代码

以下是一个示例代码，演示如何使用 SpannableString 实现 HTML 文本格式化：

SpannableString text = new SpannableString("你好，世界！");

// 设置颜色
text.setSpan(new ForegroundColorSpan(Color.RED), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

// 设置粗体
text.setSpan(new StyleSpan(Typeface.BOLD), 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

// 设置删除线
text.setSpan(new StrikethroughSpan(), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

// 设置下划线
text.setSpan(new UnderlineSpan(), 6, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

// 设置字体大小
text.setSpan(new AbsoluteSizeSpan(24), 8, 10, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

TextView textView = findViewById(R.id.text_view);
textView.setText(text);

优势

使用 SpannableString 的主要优势包括：

• 动态性： 您可以根据需要动态地设置文本样式，而无需修改源文本。
• 灵活性： SpannableString 允许您将多个 Span 应用于文本的不同部分，创建复杂的样式效果。
• 可重用性： Span 对象可以重用，减少代码重复。
• 效率： SpannableString 的效率高于使用多个 TextView 来实现文本格式化。

常见问题解答

1. 我如何使用 Span 设置文本的背景颜色？

您可以使用 BackgroundColorSpan 设置文本的背景颜色。

SpannableString text = new SpannableString("你好，世界！");
text.setSpan(new BackgroundColorSpan(Color.YELLOW), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

2. 我可以将多个 Span 应用于同一文本范围吗？

是的，您可以将多个 Span 应用于同一文本范围。例如，您可以将 ForegroundColorSpan 和 StyleSpan 应用于同一文本范围，同时设置文本的颜色和样式。

SpannableString text = new SpannableString("你好，世界！");
text.setSpan(new ForegroundColorSpan(Color.RED), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
text.setSpan(new StyleSpan(Typeface.BOLD), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

3. 如何从 SpannableString 中移除 Span？

您可以使用 SpannableString.removeSpan() 方法从 SpannableString 中移除 Span。

SpannableString text = new SpannableString("你好，世界！");
text.setSpan(new ForegroundColorSpan(Color.RED), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
text.removeSpan(new ForegroundColorSpan(Color.RED));

4. SpannableString 是否支持所有 HTML 标记？

不，SpannableString 不支持所有 HTML 标记。它只支持一小部分 HTML 标记的子集，如 、、 等。

SpannableString text = new SpannableString("你好，世界！");
text.setSpan(new TypefaceSpan("monospace"), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);