在开发过程中有时会遇到TextView显示的字符串会有不同颜色和不同大小
下面通过两种方法给大家介绍一下：
1.html类：
<a href="...">创建超文本链接
<b>黑体字
<big>字体加大
<blockquote>从两边缩进文本
换行 插入换行符
<cite>引用，通常是斜体
<dfn>述语定义
<div align="...">用来排版大块HTML段落,也用于格式化表
<em>强调文本(通常是斜体加黑体)
<font size="..."color="..."
face="...">设置字体大小从1到7，颜色使用名字或RGB的十六进制值
<h1>至<h6>标题
<i>斜体字
图片
<p>创建一个段落
<small>字体缩小
<strike>加删除线
<strong>加重文本(通常是斜体加黑体)
下标字
上标字
<tt>打字机风格的字体
<u>下划线
上面是一下属性也都有解释了，接下来我们看一下代码：
//若是仅在布局文件中引用，可以把HTML格式字符串写到strings文件中，但要注意，很多很多格式都是不支持的！
//getString(方法)得到的是没有任何格式的字符串，所以若是在代码中设置，就不能把HTML格式字符串写到strings文件中
txt1.setText(Html.fromHtml("得到的是没有任何格式的字符串"));
//建议直接在代码中定义并使用。注意双引号要加转义字符
String html = "<html>|<i> 引用 </i>|<font color=\"#aabb00\"> values/ </font>|<font color=\"RED\"> strings </font>|<strong> 中的 </strong>|<em> html </em>|<strike> 格式的 </strike>|<u> 字符串 </u>|<h3> 但是 </h3>|<big> 很多 </big>|<small> 格式 </small>|<b> 都 </b>| <sub> 不 </sub>|<tt> 支持 </tt>|</html>";
txt2.setText(Html.fromHtml(html));
String html2 = "<a href=\"http://www.baidu.com\">代码中支持超链接</a> <font color=\"#aabb00\">支持设置颜色</font>";
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中的图片：<img src=\"" + 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属性
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]
- 常见样式
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);
本篇文章到此就结束了，希望对大家有帮助。
