TextView设置文本样式

在项目开发中经常遇到一种情况：给字符串的某个或某几个字符设置不同的颜色，比较笨的方法是使用几个textview连着放置。这种方式太麻烦，下面我们使用一种新的方式。

TextView中有一个类SpannableString，这是源码的解释：

/**
 * This is the class for text whose content is immutable but to which
 * markup objects can be attached and detached.
 * For mutable text, see {@link SpannableStringBuilder}.
 */

大概意思是这是文本编辑类（英语水平一般就不翻译了），可以对文本内容就行设置和编辑。类方法不多，就两个：setSpan（设置文本样式）和removeSpan（移除文本样式）。
下面说一下具体的使用：

一、给textview设置背景色

通常情况下都是通过xml布局文件和textview.setBackground来设置背景（简单，就不说了），下面我们来使用SpannableString给textView设置背景（上代码）。

//设置背景色
 SpannableString spannableString = new SpannableString("设置背景色");
 spannableString.setSpan(new BackgroundColorSpan(Color.GREEN), 0, spannableString.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
tvShowContent.setText(spannableString);

构造器的参数就是要显示的内容，setSpan有四个参数，第一个Object是我们要设置的背景颜色，第二个参数和第三个参数是设置的背景色从哪开始，到哪结束，设置的文本的startIndex和endIndex，第四个参数有四个值：
Spanned.SPAN_INCLUSIVE_EXCLUSIVE：使用该样式的文本之前的文本使用该样式，之后的不使用
Spanned.SPAN_EXCLUSIVE_INCLUSIVE：使用该样式的文本之前的不使用该样式，之后的使用该样式
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE：使用该样式的文本之前和之后的都不使用该样式
Spanned.SPAN_INCLUSIVE_INCLUSIVE：使用该样式的文本之前和之后都使用该样式
效果图：

背景色.png

二、给文本设置点击事件

上代码：

//设置背景色
SpannableString spannableString = new SpannableString("设置背景色");
spannableString.setSpan(new BackgroundColorSpan(Color.GREEN), 0, spannableString.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//设置点击事件
spannableString.setSpan(new ClickableSpan() {
       @Override
        public void onClick(View widget) {
             Toast.makeText(MainActivity2.this, "点击前面的背景", Toast.LENGTH_SHORT).show();
         }
 }, 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//这个必须的增加，对同一个控件只需要设置一次就行
tvShowContent.setMovementMethod(LinkMovementMethod.getInstance());
tvShowContent.setText(spannableString);

效果图：

点击设置事件.png

三、设置文本字体颜色

//前面设置文本内容都一样，就不写了，只放核心代码
 spannableString.setSpan(new ForegroundColorSpan(Color.GREEN), 0, 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

第一个参数就是设置的文本颜色，第2个和第3个参数控制着给那些文本设置颜色，第4个参数和上面的解释是一样的。扩展一下：根据这个方法就可以给一个字符串的某个字符设置单独的颜色。
上图：

给单独的字符设置颜色.png

四、设置删除线和下划线

SpannableString spannableString3 = new SpannableString("\n1998");
spannableString3.setSpan(new ForegroundColorSpan(Color.RED), 0, spannableString3.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
 //设置删除线
spannableString3.setSpan(new StrikethroughSpan(), 0, spannableString3.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//增加下划线
spannableString3.setSpan(new UnderlineSpan(), 0, spannableString3.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
tvShowContent.append(spannableString3);

删除线一般都用在电商的价格上，删除原价，显示优惠后的价格

删除线和下划线.png

五、在某个位置插入图片

       //在textview中设置图片
        SpannableString spannableString5 = new SpannableString("\n设置图片，在第一个字符上设置");
        spannableString5.setSpan(new DynamicDrawableSpan() {
            @Override
            public Drawable getDrawable() {
                Drawable d = getResources().getDrawable(R.drawable.ic_launcher_background);
                d.setBounds(0, 0, 50, 50);
                return d;
            }
        }, 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        tvShowContent.append(spannableString5);

其中d.setBounds()用来设置显示的图片的大小，2和4表示图片的位置，即将"图片"字由图片代替，上图：

device-2018-01-06-163400.png

六、设置缩放

        //设置缩放
        SpannableString spannableString16=new SpannableString("\n基于x轴缩放");
        //ScaleXSpan中的参数==1表示正常显示，大于1表示横向扩大，小于0表示反向正常大小显示，小于-1表示反向显示且横向扩大
        //大于0小于1表示缩放
        spannableString16.setSpan(new ScaleXSpan( 0.9f),0,spannableString16.length(),Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        tvShowContent.append(spannableString16);

缩放的规则在注释中都有解释，0.9f表示在原来的基础上缩小了0.1

device-2018-01-06-164011.png

七、设置字体样式粗体斜体

        SpannableString spannableString7=new SpannableString("\n我是粗体,我是斜体,我是粗斜体");
        spannableString7.setSpan(new StyleSpan(Typeface.BOLD),0,5,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        spannableString7.setSpan(new StyleSpan(Typeface.ITALIC),5,10,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        spannableString7.setSpan(new StyleSpan(Typeface.BOLD_ITALIC),10,spannableString7.length(),Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        tvShowContent.append(spannableString7);

Typeface.BOLD:粗体
Typeface.ITALIC：斜体
Typeface.BOLD_ITALIC：斜粗体
NORMAL.NORMAL:正常字体

device-2018-01-06-164321.png

八、设置超链接

       SpannableString spannableString8=new SpannableString("\n打电话，发短信，发邮件，打开网页");
        spannableString8.setSpan(new URLSpan("tel:18838206194"),1,4,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        spannableString8.setSpan(new URLSpan("smsto:18838206194"),5,8,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        spannableString8.setSpan(new URLSpan("mailto:[email protected]"),9,12,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        spannableString8.setSpan(new URLSpan("http://www.baidu.com"),13,17,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        //tvShowContent.setMovementMethod(LinkMovementMethod.getInstance());//这行代码如果tvShowContent已经设置过了可以不写
        tvShowContent.append(spannableString8);

device-2018-01-06-164548.png

超链接的字体颜色是根据手机不用来显示的

外篇：（一起共同学习进步）
QQ群：541144061

image.png

微信群：加我好友，写好备注：android技术经验分享