关于SpannableString属性详细介绍以及利用SpannableString显示多种文本效果

关于SpannableString：

SpannableString其实和String一样，都是一种字符串类型，同样TextView也可以直接设置SpannableString作为显示文本，不同的是SpannableString可以通过使用其方法setSpan方法实现字符串各种形式风格的显示,重要的是可以指定设置的区间，也就是为字符串指定下标区间内的子字符串设置格式。

下面我们一一解读几种Span常用的格式:

1. ForegroundColorSpan

为文本设置前景色，效果和TextView的setTextColor()类似，实现方法如下：

SpannableString spannableString = new SpannableString("设置文字的前景色为淡蓝色");
    ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#0099EE"));
    spannableString.setSpan(colorSpan, , spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setText(spannableString);
           

2. BackgroundColorSpan

为文本设置背景色，效果和TextView的setBackground()类，实现方法如下：

SpannableString spannableString = new SpannableString("设置文字的背景色为淡绿色");
    BackgroundColorSpan colorSpan = new BackgroundColorSpan(Color.parseColor("#AC00FF30"));
    spannableString.setSpan(colorSpan, , spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setText(spannableString);
           

3. RelativeSizeSpan

设置文字相对大小，在TextView原有的文字大小的基础上，相对设置文字大小，实现方法如下：

SpannableString spannableString = new SpannableString("万丈高楼平地起");
    RelativeSizeSpan sizeSpan01 = new RelativeSizeSpan(f);
    RelativeSizeSpan sizeSpan02 = new RelativeSizeSpan(f);
    RelativeSizeSpan sizeSpan03 = new RelativeSizeSpan(f);
    RelativeSizeSpan sizeSpan04 = new RelativeSizeSpan(f);
    RelativeSizeSpan sizeSpan05 = new RelativeSizeSpan(f);
    RelativeSizeSpan sizeSpan06 = new RelativeSizeSpan(f);
    RelativeSizeSpan sizeSpan07 = new RelativeSizeSpan(f);
    spannableString.setSpan(sizeSpan01, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan02, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan03, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan04, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan05, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan06, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(sizeSpan07, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setText(spannableString);
           

4. StrikethroughSpan

为文本设置中划线，也就是常说的删除线，实现方法如下：

SpannableString spannableString = new SpannableString("为文字设置删除线");
    StrikethroughSpan strikethroughSpan = new StrikethroughSpan();
    spannableString.setSpan(strikethroughSpan, , spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setText(spannableString);
           

5. UnderlineSpan

为文本设置下划线，具体实现方法如下：

SpannableString spannableString = new SpannableString("为文字设置下划线");
    UnderlineSpan underlineSpan = new UnderlineSpan();
    spannableString.setSpan(underlineSpan, , spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setText(spannableString);
           

6. SuperscriptSpan

设置上标，具体实现方法如下：

SpannableString spannableString = new SpannableString("为文字设置上标");
    SuperscriptSpan superscriptSpan = new SuperscriptSpan();
    spannableString.setSpan(superscriptSpan, , spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setText(spannableString);
           

7. SubscriptSpan，设置下标

8. StyleSpan

为文字设置风格（粗体、斜体），和TextView属性textStyle类似，实现方法如下：

SpannableString spannableString = new SpannableString("为文字设置粗体、斜体风格");
    StyleSpan styleSpan_B  = new StyleSpan(Typeface.BOLD);
    StyleSpan styleSpan_I  = new StyleSpan(Typeface.ITALIC);
    spannableString.setSpan(styleSpan_B, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    spannableString.setSpan(styleSpan_I, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setHighlightColor(Color.parseColor("#36969696"));
    textView.setText(spannableString);
           

9. ImageSpan

设置文本图片，实现方法如下：

SpannableString spannableString = new SpannableString("在文本中添加表情（表情）");
    Drawable drawable = getResources().getDrawable(R.mipmap.a9c);
    drawable.setBounds(, , , );
    ImageSpan imageSpan = new ImageSpan(drawable);
    spannableString.setSpan(imageSpan, , , Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
    textView.setText(spannableString);
           

10. ClickableSpan，设置可点击的文本

11. URLSpan

设置超链接文本，实现方法如下：

SpannableString spannableString = new SpannableString("为文字设置超链接");
    URLSpan urlSpan = new URLSpan("http://www.jianshu.com/users/dbae9ac95c78");
    spannableString.setSpan(urlSpan, , spannableString.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE)
    textView.setMovementMethod(LinkMovementMethod.getInstance());
    textView.setHighlightColor(Color.parseColor("#36969696"));
    textView.setText(spannableString);
           

Demo：

git地址，点此链接