最近接到一个新需求，在一个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
转载：https://blog.csdn.net/liangtianmeng/article/details/106799643