SpannableString 实现textview图文混排等 其他文字效果（下划线 删除线 字体大小混搭等）

SpannableString 属性详解

1、BackgroundColorSpan 背景色

2、ClickableSpan 文本可点击，有点击事件

3、ForegroundColorSpan 文本颜色（前景色）

4、MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)

5、MetricAffectingSpan 父类，一般不用

6、RasterizerSpan 光栅效果

7、StrikethroughSpan 删除线（中划线）

8、SuggestionSpan 相当于占位符

9、UnderlineSpan 下划线

10、AbsoluteSizeSpan 绝对大小（文本字体）

11、DynamicDrawableSpan 设置图片，基于文本基线或底部对齐。

12、ImageSpan 图片

13、RelativeSizeSpan 相对大小（文本字体）

14、ReplacementSpan 父类，一般不用

15、ScaleXSpan 基于x轴缩放

16、StyleSpan 字体样式：粗体、斜体等

17、SubscriptSpan 下标（数学公式会用到）

18、SuperscriptSpan 上标（数学公式会用到）

19、TextAppearanceSpan 文本外貌（包括字体、大小、样式和颜色）

20、TypefaceSpan 文本字体

21、URLSpan 文本超链接

简单实例

SpannableString spanText = new SpannableString(“benzlocke”);

操作对象是 “benzlocke” 这个字符串 从下标0 操作到 最后一个字符 改变文字颜色（可用来做 一串字符串设置不同颜色的操作）

spanText.setSpan(new BackgroundColorSpan(Color.GREEN), 0, spanText.length(),

Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

textview.append(spanText) 把改变后的字符串放置到控件上

根据以上操作套路

添加删除线效果 追加到字符串上

spanText.setSpan(new StrikethroughSpan(), 0, 7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

mTVText.append(“\n”);

mTVText.append(spanText);

AbsoluteSizeSpan 绝对大小（文本字体）

spanText = new SpannableString(“AbsoluteSizeSpan”);

spanText.setSpan(new AbsoluteSizeSpan(20, true), 0, spanText.length(),

Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

mTVText.append(“\n”);

下面介绍应用这个类在textview上进行图文混排

先是字符串随意怎么设置就可以然后追加图片

DynamicDrawableSpan 设置图片，基于文本基线或底部对齐。

DynamicDrawableSpan drawableSpan = new DynamicDrawableSpan(DynamicDrawableSpan.ALIGN_BASELINE) {

@Override

public Drawable getDrawable() {

Drawable d = getResources().getDrawable(R.drawable.ic_launcher);

d.setBounds(0, 0, 50, 50);

return d;

}

};

DynamicDrawableSpan drawableSpan2 = new DynamicDrawableSpan(

DynamicDrawableSpan.ALIGN_BOTTOM) {

@Override

public Drawable getDrawable() {

Drawable d = getResources().getDrawable(R.drawable.ic_launcher);

d.setBounds(0, 0, 50, 50);

return d;

}

};

spanText.setSpan(drawableSpan, 3, 4, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

spanText.setSpan(drawableSpan2, 7, 8, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

mTVText.append(“\n”);

mTVText.append(spanText);

//左边图片基于基线对齐，右边图片基于底部对齐

ImageSpan 图片

spanText = new SpannableString(“ImageSpan”);

Drawable d = getResources().getDrawable(R.drawable.ic_launcher);

d.setBounds(0, 0, 50, 50);

spanText.setSpan(new ImageSpan(d), 3, 4, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

mTVText.append(“\n”);

mTVText.append(spanText);

//和DynamicDrawableSpan差别不大