一、简述

Android富文本字符串 - 图1

  • 在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：为文本设置超链接

  1. SpannableString spannableString = new SpannableString("前景色背景色相对大小删除线下划线" +
  2.         "上标小上标下标粗体斜体显示图片点击超链接");
  4. ForegroundColorSpan foregroundColorSpan = new ForegroundColorSpan(Color.parseColor("#0099EE"));
  5. BackgroundColorSpan backgroundColorSpan = new BackgroundColorSpan(Color.parseColor("#AC00FF30"));
  6. RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(2f);
  7. StrikethroughSpan strikethroughSpan = new StrikethroughSpan();
  8. UnderlineSpan underlineSpan = new UnderlineSpan();
  9. SuperscriptSpan superscriptSpan = new SuperscriptSpan();
  10. RelativeSizeSpan relativeSizeSpan2 = new RelativeSizeSpan(0.5f);
  11. SubscriptSpan subscriptSpan = new SubscriptSpan();
  12. StyleSpan styleSpan_B = new StyleSpan(Typeface.BOLD);
  13. StyleSpan styleSpan_I = new StyleSpan(Typeface.ITALIC);
  15. ImageSpan imageSpan = new ImageSpan(this, R.mipmap.ic_launcher);
  16. ClickableSpan clickableSpan = new ClickableSpan() {
  17.     @Override
  18.     public void onClick(View widget) {
  19.         Toast.makeText(SpannableActivity.this, "点击", Toast.LENGTH_SHORT).show();
  20.     }
  22.     @Override
  23.     public void updateDrawState(TextPaint ds) {
  24.         // 文字不变色
  25.         ds.setUnderlineText(false);
  26.     }
  27. };
  28. URLSpan urlSpan = new URLSpan("http://www.sdwfqin.com");
  30. spannableString.setSpan(foregroundColorSpan, 0, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  31. spannableString.setSpan(backgroundColorSpan, 3, 6, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  32. spannableString.setSpan(relativeSizeSpan, 6, 10, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  33. spannableString.setSpan(strikethroughSpan, 10, 13, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  34. spannableString.setSpan(underlineSpan, 13, 16, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  35. spannableString.setSpan(superscriptSpan, 16, 21, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  36. spannableString.setSpan(relativeSizeSpan2, 18, 21, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  37. spannableString.setSpan(subscriptSpan, 21, 23, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  38. spannableString.setSpan(styleSpan_B, 23, 25, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  39. spannableString.setSpan(styleSpan_I, 25, 27, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  40. spannableString.setSpan(imageSpan, 29, 31, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  41. spannableString.setSpan(clickableSpan, 31, 33, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  42. spannableString.setSpan(urlSpan, 33, 36, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
  44. // 可以点击
  45. spanString.setMovementMethod(LinkMovementMethod.getInstance());
  46. // 点击背景色
  47. // spanString.setHighlightColor(Color.parseColor("#36969696"));
  49. spanString.setText(spannableString);

三、SpannableStringBuilder

  1. 增加了类似于StringBuilder的append等方法，可以修改原来的字符串跟样式

  2. 注意：设置文本时不能使用builder的toString()方法，如果您这样做了，那么辛辛苦苦设置的样式并不会显示出来。

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

四、源码

源码地址：https://github.com/sdwfqin/AndroidSamples