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);2、RelativeSizeSpan(float proportion) ：设置字体大小，参数是相对于默认字体大小的倍数，proportion>1就是放大(zoom in)，proportion<1就是缩小(zoom out)；
// 相对于默认字体大小的倍数,这里是1.3倍RelativeSizeSpan sizeSpan1 = new RelativeSizeSpan((float) 1.3);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：前后都包括
具体效果可以在代码中手动试试，这里就不一一试啦！
更多相关文章
- Android中的Sqlite数据库的简单使用
- Android绘图系列(一)——自定义View基础
- Android(安卓)访问 .net C#写的webservice
- Error:UNEXPECTED TOP-LEVEL ERROR:
- 【Android】AsyncTask源码分析
- Android(安卓)Volley入门到精通：初识Volley的基本用法(示例,出错
- okhttp3.x的post请求
- android 原生系统服务定位实现
- Android的四大组件之三--Activity（4）----->Activity的启动方式和相