[转]Android富文本字符串

转自：码农Mrz

Android富文本字符串

一、简述

image

[图片上传中...(image-f4d699-1546072781070-0)] ​

• 在Android中可以通过SpannableString或SpannableStringBuilder给存储的字符串添加样式，实现简单的富文本效果。
• SpannableString：这是一个文本的类，其内容是不可变的，但可以附加和分离标记对象。
• SpannableStringBuilder：这是文本的类，其内容和标记都可以更改。

二、SpannableString

1.设置样式：

1. setSpan(Object what, int start, int end, int flags)
2. what表示设置的样式，start表示需要设置格式的子字符串的起始下标，end表示终了下标，flag表示子字符串是否包含开始或结束端点
3. flag属性
   1. Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含两端start和end所在的端点 --- (a,b)
   2. Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start，但包含end所在的端点 --- (a,b]
   3. Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含两端start，但不包含end所在的端点 --- [a,b)
   4. Spanned.SPAN_INCLUSIVE_INCLUSIVE --- 包含两端start和end所在的端点 --- [a,b]

2. 常见样式

1. ForegroundColorSpan：为文本设置前景色
2. BackgroundColorSpan：为文本设置文本背景色
3. RelativeSizeSpan：为文本设置相对大小，在TextView原有的文字大小的基础上，相对设置文字大小
4. StrikethroughSpan：为文本设置中划线，也就是常说的删除线
5. UnderlineSpan：为文本设置下划线
6. SuperscriptSpan：为文本设置上标，可以配合RelativeSizeSpan做数学公式中的上标
7. SubscriptSpan：为文本设置下标
8. StyleSpan：为文本设置（粗体、斜体）风格
9. ImageSpan：将文本替换为图片
10. ClickableSpan：为文本设置点击事件
11. URLSpan：为文本设置超链接
12. TypefaceSpan 文本字体
13. TextAppearanceSpan 文本外貌（包括字体、大小、样式和颜色）
14. ScaleXSpan 基于x轴缩放
15. DynamicDrawableSpan 设置图片，基于文本基线或底部对齐。
16. AbsoluteSizeSpan 绝对大小（文本字体）
17. SuggestionSpan 相当于占位符
18. RasterizerSpan 光栅效果
19. MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)

SpannableString spannableString = new SpannableString("前景色背景色相对大小删除线下划线" +
        "上标小上标下标粗体斜体显示图片点击超链接");

ForegroundColorSpan foregroundColorSpan = new ForegroundColorSpan(Color.parseColor("#0099EE"));
BackgroundColorSpan backgroundColorSpan = new BackgroundColorSpan(Color.parseColor("#AC00FF30"));
RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(2f);
StrikethroughSpan strikethroughSpan = new StrikethroughSpan();
UnderlineSpan underlineSpan = new UnderlineSpan();
SuperscriptSpan superscriptSpan = new SuperscriptSpan();
RelativeSizeSpan relativeSizeSpan2 = new RelativeSizeSpan(0.5f);
SubscriptSpan subscriptSpan = new SubscriptSpan();
StyleSpan styleSpan_B = new StyleSpan(Typeface.BOLD);
StyleSpan styleSpan_I = new StyleSpan(Typeface.ITALIC);

ImageSpan imageSpan = new ImageSpan(this, R.mipmap.ic_launcher);
ClickableSpan clickableSpan = new ClickableSpan() {
    @Override
    public void onClick(View widget) {
        Toast.makeText(SpannableActivity.this, "点击", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        // 文字不变色
        ds.setUnderlineText(false);
    }
};
URLSpan urlSpan = new URLSpan("http://www.sdwfqin.com");

spannableString.setSpan(foregroundColorSpan, 0, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(backgroundColorSpan, 3, 6, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(relativeSizeSpan, 6, 10, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(strikethroughSpan, 10, 13, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(underlineSpan, 13, 16, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(superscriptSpan, 16, 21, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(relativeSizeSpan2, 18, 21, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(subscriptSpan, 21, 23, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(styleSpan_B, 23, 25, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(styleSpan_I, 25, 27, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(imageSpan, 29, 31, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(clickableSpan, 31, 33, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(urlSpan, 33, 36, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

// 可以点击
spanString.setMovementMethod(LinkMovementMethod.getInstance());
// 点击背景色
// spanString.setHighlightColor(Color.parseColor("#36969696"));

spanString.setText(spannableString);

三、SpannableStringBuilder

1. 增加了类似于StringBuilder的append等方法，可以修改原来的字符串跟样式
2. 注意：设置文本时不能使用后builder的toString()方法，如果您这样做了，那么辛辛苦苦设置的样式并不会显示出来。

SpannableStringBuilder builder = new SpannableStringBuilder("哈哈哈");
builder.setSpan(foregroundColorSpan, 0, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
builder.append("lalala");
// 注意：如果使用toString()方法设置的样式就没有了
spanBuilder.setText(builder);