Android设置TextView中部分字体颜色和点击事件

最近接到一个新需求，在一个TextView中实现部分字体的颜色不同于其它字体，且点击该部分文字时实现跳转的功能。一开始想着用多个TextView连起来实现功能，优化代码时再想想，这也太弱智了点儿吧！
  果断Google搜索一下别的Coder是怎么实现的，其实Android在TextView中已经为开发者提供了这样的API:

/**
 * This is the class for text whose content and markup can both be changed.
 * 这是一个内容和标记都可以更改的文本类
 */
public class SpannableStringBuilder implements CharSequence, GetChars, Spannable, Editable,
        Appendable, GraphicsOperations {......}

先展示一下效果吧！

接着来简单看下代码实现：

布局文件很简单的就添加了一个TextView：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginStart="20dp"
    android:layout_marginEnd="20dp"
    android:orientation="vertical">

    <TextView
        android:id="@+id/spannable_test_string_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginTop="20dp"
        tools:text="测试" />

</LinearLayout>

Activity中代码实现如下：

public class SpannableActivity extends AppCompatActivity {

    private TextView mTextView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_spannable);
        mTextView = (TextView) findViewById(R.id.spannable_test_string_tv);

        String str = new String("获取更多帮助，请拨打客服电话400-888-8888");

        // SpannableString 的用法、和 SpannableStringBuilder 很相似、下面主要以 SpannableStringBuilder 来介绍
        // SpannableString spannableString = new SpannableString(str);
        // ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#3072F6"));
        // spannableString.setSpan(colorSpan, 14, str.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // mTextView.setText(spannableString);

        // SpannableStringBuilder 用法
        SpannableStringBuilder spannableBuilder = new SpannableStringBuilder(str);

        // 设置字体大小
        AbsoluteSizeSpan sizeSpan = new AbsoluteSizeSpan(40);
        // 相对于默认字体大小的倍数,这里是1.3倍
        // RelativeSizeSpan sizeSpan1 = new RelativeSizeSpan((float) 1.3);
        spannableBuilder.setSpan(sizeSpan, 0, str.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        // 单独设置字体颜色
        ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#3072F6"));
        spannableBuilder.setSpan(colorSpan, 14, str.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        // 单独设置点击事件
        ClickableSpan clickableSpanOne = new ClickableSpan() {
            @Override
            public void onClick(View view) {
                Toast.makeText(SpannableActivity.this, "拨打电话", Toast.LENGTH_SHORT).show();
            }
        };
        spannableBuilder.setSpan(clickableSpanOne, 14, str.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        // 设置删除线
        StrikethroughSpan strikeSpan = new StrikethroughSpan();
        // 设置下划线
        UnderlineSpan underlineSpan = new UnderlineSpan();

        // 在设置点击事件、同时设置字体颜色
        ClickableSpan clickableSpanTwo = new ClickableSpan() {
            @Override
            public void onClick(View view) {
                Toast.makeText(SpannableActivity.this, "拨打电话", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void updateDrawState(TextPaint paint) {
                paint.setColor(Color.parseColor("#3072F6"));
                // 设置下划线 true显示、false不显示
                paint.setUnderlineText(false);
                // paint.setStrikeThruText(true);
            }
        };
        spannableBuilder.setSpan(clickableSpanTwo, 14, str.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        // 不设置点击不生效
        mTextView.setMovementMethod(LinkMovementMethod.getInstance());
        mTextView.setText(spannableBuilder);
        // 去掉点击后文字的背景色
        // mTextView.setHighlightColor(Color.parseColor("#00000000"));
    }
}

介绍一下 SpannableStringBuilder 相关知识
SpannableStringBuilder 的 setSpan 方法，该方法有四个参数：
 Object what：根据传入的具体 Object 对象来标记 Span 范围的Text
 int start：Span 的开始位置index
 int end：Span的结束位置index，并不包括这个位置
 int flags：标记位

3.1 介绍一下 Object 参数
  setSpan 方法的 Object 参数可以传入各种Span，不同的Span对应不同的样式，简单介绍几个：
1、AbsoluteSizeSpan(int size) ：设置字体大小，参数是绝对数值；

AbsoluteSizeSpan sizeSpan = new AbsoluteSizeSpan(40);
1
2、RelativeSizeSpan(float proportion) ：设置字体大小，参数是相对于默认字体大小的倍数，proportion>1就是放大(zoom in)，proportion<1就是缩小(zoom out)；

// 相对于默认字体大小的倍数,这里是1.3倍
RelativeSizeSpan sizeSpan1 = new RelativeSizeSpan((float) 1.3);
1
2
3、ScaleXSpan(float proportion)：缩放字体，参数和RelativeSizeSpan相同；
4、BackgroundColorSpan(int color)：背景色，参数是颜色数值，可以直接使用android.graphics.Color里面定义的常量，或是用 Color.rgb(int, int, int) 和 Color.parseColor("#3072F6") 等；
5、ForegroundColorSpan(int color)：前景色，也就是字体的着色，参数与背景色相同；
6、TypefaceSpan(String family)：字体，参数是字体的名字比如“sans"，"sans-serif"等；
7、StyleSpan(Typeface style)：字体风格，比如粗体，斜体，参数是android.graphics.Typeface里面定义的常量，如Typeface.BOLD，Typeface.ITALIC等等；
8、StrikethroughSpan：设置删除线，会有一条线从中间穿过所有的字，就像被划掉一样；
9、UnderlineSpan：设置下划线；
10、ClickableSpan：设置点击事件监听，需要重写 onClick 方法

// 单独设置点击事件
ClickableSpan clickableSpanOne = new ClickableSpan() {
        @Override
        public void onClick(View view) {
                Toast.makeText(SpannableActivity.this, "拨打电话", Toast.LENGTH_SHORT).show();
        }
};

如果需要同时改变字体的颜色，以及做一些其它改变（如上面的各个分项），还可以重写 updateDrawState 方法；

// 在设置点击事件、同时设置字体颜色
ClickableSpan clickableSpanTwo = new ClickableSpan() {
    @Override
    public void onClick(View view) {
        Toast.makeText(SpannableActivity.this, "拨打电话", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void updateDrawState(TextPaint paint) {
        paint.setColor(Color.parseColor("#3072F6"));
        // 设置下划线 true显示、false不显示
        paint.setUnderlineText(false);
        // paint.setStrikeThruText(true);
    }
};

先介绍这么多吧！读者可以自己试试效果，我试了其中的一部分而已；

3.2 介绍一下 flags 标记位
  调用 setSpan 时需要指定的 flag 位，用来标识在 Span 范围内的文本前后输入新的字符时是否把它们也应用这个效果。该标记位有四个可选值，如下：
  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE：前后都不包括，即在文本前后插入新的文本都不会应用该样式
  Spanned.SPAN_INCLUSIVE_EXCLUSIVE：前面包括，后面不包括，即在文本前插入新的文本会应用该样式，而在文本后插入新文本不会应用该样式
  Spanned.SPAN_EXCLUSIVE_INCLUSIVE：前面不包括，后面包括
  Spanned.SPAN_INCLUSIVE_INCLUSIVE：前后都包括
具体效果可以在代码中手动试试，这里就不一一试啦！
 

参考文章：https://blog.csdn.net/u010347226/article/details/83317597