TextView显示（不同大小的，颜色）富文本

在开发过程中有时会遇到TextView显示的字符串会有不同颜色和不同大小

下面通过两种方法给大家介绍一下：

1.html类：

• 创建超文本链接
  
• 黑体字
  
• 字体加大
  

• 从两边缩进文本
  

• 
  换行 插入换行符
  
• 引用，通常是斜体
  
• 述语定义
  
• 用来排版大块HTML段落,也用于格式化表
  
• 强调文本(通常是斜体加黑体)
  
• color="..." face="...">设置字体大小从1到7，颜色使用名字或RGB的十六进制值
  

• 至

  标题
  

• 斜体字
  
• 图片
  

• 创建一个段落
  

• 字体缩小
  
• 加删除线
  
• 加重文本(通常是斜体加黑体)
  
• 下标字
  
• 上标字
  
• 打字机风格的字体
  
• 下划线

上面是一下属性也都有解释了，接下来我们看一下代码：

//若是仅在布局文件中引用，可以把HTML格式字符串写到strings文件中，但要注意，很多很多格式都是不支持的！
//getString(方法)得到的是没有任何格式的字符串，所以若是在代码中设置，就不能把HTML格式字符串写到strings文件中
txt1.setText(Html.fromHtml("得到的是没有任何格式的字符串"));
//建议直接在代码中定义并使用。注意双引号要加转义字符
String html = "|  引用  |\"#aabb00\">   values/  |\"RED\">  strings  |  中的  |  html  |  格式的  |  字符串  |
  但是  
|  很多  |  格式  |  都  |   不  |  支持  |";
txt2.setText(Html.fromHtml(html));
String html2 = "\"http://www.baidu.com\">代码中支持超链接    \"#aabb00\">支持设置颜色";
txt3.setMovementMethod(LinkMovementMethod.getInstance());
txt4.setText(Html.fromHtml(html2));

这就是我们的前四行代码还是很简单的，再看一下图片的：

Html.ImageGetter imageGetter = new Html.ImageGetter() {
    public Drawable getDrawable(String source) {
        int rId = Integer.parseInt(source);
        Drawable drawable = getResources().getDrawable(rId);
        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
        return drawable;
    }
};
String sText = "drawable中的图片：\"" + R.mipmap.ic_launcher + "\" />";
txt5.setText(Html.fromHtml(sText, imageGetter, null));

这个就是显示资源文件中的图片，也是很简单。如果我们要设置简单的富文本完全可以采用这种方式。

2.SpannableString或SpannableStringBuilder

• SpannableString：这是一个文本的类，其内容是不可变的，但可以附加和分离标记

• 1.设置样式：

• setSpan(Object what, int start, int end, int flags)
• what表示设置的样式，start表示需要设置格式的子字符串的起始下标，end表示终了下标，flag表示子字符串是否包含开始或结束端点
• flag属性

1. Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含两端start和end所在的端点 --- (a,b)
2. Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start，但包含end所在的端点 --- (a,b]
3. Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含两端start，但不包含end所在的端点 --- [a,b)
4. Spanned.SPAN_INCLUSIVE_INCLUSIVE --- 包含两端start和end所在的端点 --- [a,b]

• 2. 常见样式

• ForegroundColorSpan：为文本设置前景色
• BackgroundColorSpan：为文本设置文本背景色
• RelativeSizeSpan：为文本设置相对大小，在TextView原有的文字大小的基础上，相对设置文字大小
• StrikethroughSpan：为文本设置中划线，也就是常说的删除线
• UnderlineSpan：为文本设置下划线
• SuperscriptSpan：为文本设置上标，可以配合RelativeSizeSpan做数学公式中的上标
• SubscriptSpan：为文本设置下标
• StyleSpan：为文本设置（粗体、斜体）风格
• ImageSpan：将文本替换为图片
• ClickableSpan：为文本设置点击事件

• URLSpan：为文本设置超链接

上面这部分是设置属性，接下来看一下代码：

SpannableString spannableString = new SpannableString("前景色背景色相对大小删除线下划线" +
        "上标小上标下标粗体斜体显示图片点击超链接");

ForegroundColorSpan foregroundColorSpan = new ForegroundColorSpan(Color.parseColor("#0099EE"));
BackgroundColorSpan backgroundColorSpan = new BackgroundColorSpan(Color.parseColor("#AC00FF30"));
RelativeSizeSpan relativeSizeSpan = new RelativeSizeSpan(2f);
StrikethroughSpan strikethroughSpan = new StrikethroughSpan();
UnderlineSpan underlineSpan = new UnderlineSpan();
SuperscriptSpan superscriptSpan = new SuperscriptSpan();
RelativeSizeSpan relativeSizeSpan2 = new RelativeSizeSpan(0.5f);
SubscriptSpan subscriptSpan = new SubscriptSpan();
StyleSpan styleSpan_B = new StyleSpan(Typeface.BOLD);
StyleSpan styleSpan_I = new StyleSpan(Typeface.ITALIC);

ImageSpan imageSpan = new ImageSpan(this, R.mipmap.ic_launcher);
ClickableSpan clickableSpan = new ClickableSpan() {
    @Override
    public void onClick(View widget) {
        Toast.makeText(MainActivity.this, "点击", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        // 文字不变色
        ds.setUnderlineText(false);
    }
};
URLSpan urlSpan = new URLSpan("http://www.baidu.com");

spannableString.setSpan(foregroundColorSpan, 0, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(backgroundColorSpan, 3, 6, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(relativeSizeSpan, 6, 10, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(strikethroughSpan, 10, 13, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(underlineSpan, 13, 16, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(superscriptSpan, 16, 21, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(relativeSizeSpan2, 18, 21, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(subscriptSpan, 21, 23, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(styleSpan_B, 23, 25, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(styleSpan_I, 25, 27, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(imageSpan, 29, 31, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(clickableSpan, 31, 33, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
spannableString.setSpan(urlSpan, 33, 36, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);


txt.setMovementMethod(LinkMovementMethod.getInstance());
txt.setText(spannableString);

相对来说，自己更喜欢这种方式。感觉比html好理解，而且没有那么多标签。

补充：

• SpannableStringBuilder：这是文本的类，其内容和标记都可以更改。

1. 增加了类似于StringBuilder的append等方法，可以修改原来的字符串跟样式

SpannableStringBuilder builder = new SpannableStringBuilder("

SpannableStringBuilder：这是文本的类，其内容和标记都可以更改。

");builder.setSpan(foregroundColorSpan, 0, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);builder.append( "lalala");//千万不要tostring（）；

spanBuilder.setText(builder);

本篇文章到此就结束了，希望对大家有帮助。