Android SpannableString详细解析

ForegroundColorSpan：前景色，也就是对文字上色，颜色设置为GREEN，start为4，end为7，应该是“陈奕迅”三个字显示为绿色，看一下实际效果

BackgroudColorSpan 背景色

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

BackgroundColorSpan backgroundColorSpan = new BackgroundColorSpan(Color.GREEN);

spannableString.setSpan(backgroundColorSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

BackgroudColorSpan：与ForegroundColorSpan类似，对文字背景上色

ClickableSpan 点击事件

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

ClickableSpan clickableSpan = new ClickableSpan() {

@Override

public void onClick(View widget) {

Toast.makeText(MainActivity.this, “如果我是陈奕迅”, Toast.LENGTH_SHORT).show();

}

@Override

public void updateDrawState(TextPaint ds) {

ds.setUnderlineText(false);

}

};

spannableString.setSpan(clickableSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setMovementMethod(LinkMovementMethod.getInstance());

mTextView.setText(spannableString);

ClickableSpan：是一个抽象类，实现可点击效果，可以重写onClick方法实现点击事件，这里点击“陈奕迅”三个字简单地弹toast

URLSpan 超链接

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

URLSpan urlSpan = new URLSpan(“https://www.baidu.com/s?ie=UTF-8&wd=陈奕迅”);

spannableString.setSpan(urlSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setMovementMethod(LinkMovementMethod.getInstance());

mTextView.setText(spannableString);

URLSpan：实现超链接的效果，继承于ClickableSpan，点击实现跳转到浏览器

MaskFilterSpan 模糊 浮雕

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

MaskFilterSpan embossMaskFilterSpan =

new MaskFilterSpan(new EmbossMaskFilter(new float[]{10, 10, 10}, 0.5f, 1, 1));

spannableString.setSpan(embossMaskFilterSpan, 0, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(1.5f);

spannableString.setSpan(relativeSizeSpan, 0, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

MaskFilterSpan blurMaskFilterSpan = new MaskFilterSpan(new BlurMaskFilter(10, Blur.NORMAL));

spannableString.setSpan(blurMaskFilterSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

MaskFilterSpan：构造方法接受MaskFilter作为参数，其中它有两个子类：EmbossMaskFilter和BlurMaskFilter

EmbossMaskFilter实现浮雕效果

EmbossMaskFilter(float[] direction, float ambient, float specular, float blurRadius)

• direction：float数组，定义长度为3的数组标量[x,y,z]，来指定光源的方向

• ambient：环境光亮度，0~1

• specular：镜面反射系数

• blurRadius：模糊半径，必须>0

BlurMaskFilter实现模糊效果

BlurMaskFilter(float radius, Blur style)

• radius：模糊半径

• style：有四个参数可选

• BlurMaskFilter.Blur.NORMAL：内外模糊

• BlurMaskFilter.Blur.OUTER：外部模糊

• BlurMaskFilter.Blur.INNER：内部模糊

• BlurMaskFilter.Blur.SOLID：内部加粗，外部模糊

RelativeSizeSpan 字体相对大小

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(1.5f);

spannableString.setSpan(relativeSizeSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

RelativeSizeSpan：设置字体的相对大小，这里设置为TextView大小的1.5倍，看图

AbsoluteSizeSpan 字体绝对大小

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

AbsoluteSizeSpan absoluteSizeSpan = new AbsoluteSizeSpan(40, true);

spannableString.setSpan(absoluteSizeSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

AbsoluteSizeSpan：设置字体的相绝对大小，40表示文字大小，true表示单位为dip，若为false则表示px

ScaleXSpan 字体x轴缩放

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

ScaleXSpan scaleXSpan= new ScaleXSpan(1.5f);

spannableString.setSpan(scaleXSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

ScaleXSpan：设置字体x轴缩放，1.5表示x轴放大为1.5倍，效果如图

StyleSpan 样式

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

StyleSpan boldSpan = new StyleSpan(Typeface.BOLD);

StyleSpan italicSpan = new StyleSpan(Typeface.ITALIC);

StyleSpan boldItalicSpan = new StyleSpan(Typeface.BOLD_ITALIC);

spannableString.setSpan(boldSpan, 0, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

spannableString.setSpan(italicSpan, 2, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

spannableString.setSpan(boldItalicSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

StyleSpan：设置文字样式，如斜体、粗体

TypefaceSpan 字体

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

TypefaceSpan monospace = new TypefaceSpan(“monospace”);

TypefaceSpan serif = new TypefaceSpan(“serif”);

TypefaceSpan sans_serif = new TypefaceSpan(“sans-serif”);

spannableString.setSpan(monospace, 0, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

spannableString.setSpan(serif, 2, 4, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

spannableString.setSpan(sans_serif, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

TypefaceSpan：设置文字字体类型，如monospace、serif和sans-serif等等

TextAppearanceSpan 文字外貌

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

TextAppearanceSpan textAppearanceSpan = new TextAppearanceSpan(this, android.R.style.TextAppearance_Material);

spannableString.setSpan(textAppearanceSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

TextAppearanceSpan：设置文字外貌，通过style资源设置，这里使用系统的style资源

UnderlineSpan 下划线

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

UnderlineSpan underlineSpan = new UnderlineSpan();

spannableString.setSpan(underlineSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

UnderlineSpan：设置文字下划线，强调突出文字时可以使用该span

StrikethroughSpan 删除线

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

StrikethroughSpan strikethroughSpan = new StrikethroughSpan();

spannableString.setSpan(strikethroughSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

StrikethroughSpan：设置文字删除线

SuperscriptSpan 上标

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

SuperscriptSpan superscriptSpan = new SuperscriptSpan();

RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(0.8f);

spannableString.setSpan(relativeS
izeSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

spannableString.setSpan(superscriptSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

SuperscriptSpan：设置文字为上标

SubscriptSpan 下标

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

SubscriptSpan subscriptSpan = new SubscriptSpan();

RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(0.8f);

spannableString.setSpan(relativeSizeSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

spannableString.setSpan(subscriptSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

SubscriptSpan：设置文字为下标

ImageSpan 图片

---

SpannableString spannableString = new SpannableString(“如果我是陈奕迅”);

ImageSpan imageSpan = new ImageSpan(this, R.drawable.ic_eason);

spannableString.setSpan(imageSpan, 4, 7, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

mTextView.setText(spannableString);

ImageSpan：设置图片

总结

---