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

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

微信图片_20170928103150.png

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

1.html类：

创建超文本链接

黑体字

字体加大

从两边缩进文本

换行 插入换行符

引用，通常是斜体

述语定义

用来排版大块HTML段落,也用于格式化表

强调文本(通常是斜体加黑体)

face="...">设置字体大小从1到7，颜色使用名字或RGB的十六进制值

至

标题

斜体字

图片

创建一个段落

字体缩小

加删除线

加重文本(通常是斜体加黑体)

_下标字

^上标字

打字机风格的字体

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

//若是仅在布局文件中引用，可以把HTML格式字符串写到strings文件中，但要注意，很多很多格式都是不支持的！
//getString(方法)得到的是没有任何格式的字符串，所以若是在代码中设置，就不能把HTML格式字符串写到strings文件中
txt1.setText(Html.fromHtml("得到的是没有任何格式的字符串"));
//建议直接在代码中定义并使用。注意双引号要加转义字符
String html = "|  引用  |   values/  |  strings  |  中的  |  html  |  格式的  |  字符串  |
  但是  
|  很多  |  格式  |  都  |   不  |  支持  |";
txt2.setText(Html.fromHtml(html));
String html2 = "代码中支持超链接    支持设置颜色";
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中的图片：";
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属性

Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
--- 不包含两端start和end所在的端点 --- (a,b)
Spanned.SPAN_EXCLUSIVE_INCLUSIVE
--- 不包含端start，但包含end所在的端点 --- (a,b]
Spanned.SPAN_INCLUSIVE_EXCLUSIVE
--- 包含两端start，但不包含end所在的端点 --- [a,b)
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：这是文本的类，其内容和标记都可以更改。
增加了类似于StringBuilder的append等方法，可以修改原来的字符串跟样式

SpannableStringBuilder builder = new SpannableStringBuilder("SpannableStringBuilder：这是文本的类，其内容和标记都可以更改。");builder.setSpan(foregroundColorSpan, 0, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);builder.append("lalala");//千万不要tostring（）；
spanBuilder.setText(builder);

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