TextView顯示（不同大小的，顏色）富文本

在開發(fā)過程中有時會遇到TextView顯示的字符串會有不同顏色和不同大小

微信圖片_20170928103150.png

下面通過兩種方法給大家介紹一下：

1.html類：

<a href="...">創(chuàng)建超文本鏈接

<b>黑體字

<big>字體加大

<blockquote>從兩邊縮進文本


換行 插入換行符

<cite>引用，通常是斜體

<dfn>述語定義

<div align="...">用來排版大塊HTML段落,也用于格式化表

<em>強調(diào)文本(通常是斜體加黑體)

<font size="..."color="..."
face="...">設(shè)置字體大小從1到7，顏色使用名字或RGB的十六進制值

<h1>至<h6>標(biāo)題

<i>斜體字

圖片

<p>創(chuàng)建一個段落

<small>字體縮小

<strike>加刪除線

<strong>加重文本(通常是斜體加黑體)

下標(biāo)字

上標(biāo)字

<tt>打字機風(fēng)格的字體

<u>下劃線
上面是一下屬性也都有解釋了，接下來我們看一下代碼：

//若是僅在布局文件中引用，可以把HTML格式字符串寫到strings文件中，但要注意，很多很多格式都是不支持的！
//getString(方法)得到的是沒有任何格式的字符串，所以若是在代碼中設(shè)置，就不能把HTML格式字符串寫到strings文件中
txt1.setText(Html.fromHtml("得到的是沒有任何格式的字符串"));
//建議直接在代碼中定義并使用。注意雙引號要加轉(zhuǎn)義字符
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\">支持設(shè)置顏色</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));

這個就是顯示資源文件中的圖片，也是很簡單。如果我們要設(shè)置簡單的富文本完全可以采用這種方式。
2.SpannableString或SpannableStringBuilder

SpannableString：這是一個文本的類，其內(nèi)容是不可變的，但可以附加和分離標(biāo)記

1.設(shè)置樣式：

setSpan(Object what, int start, int end, int flags)
what
表示設(shè)置的樣式，start
表示需要設(shè)置格式的子字符串的起始下標(biāo)，end
表示終了下標(biāo)，flag
表示子字符串是否包含開始或結(jié)束端點
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]

  1. 常見樣式

ForegroundColorSpan
：為文本設(shè)置前景色
BackgroundColorSpan
：為文本設(shè)置文本背景色
RelativeSizeSpan
：為文本設(shè)置相對大小，在TextView原有的文字大小的基礎(chǔ)上，相對設(shè)置文字大小
StrikethroughSpan
：為文本設(shè)置中劃線，也就是常說的刪除線
UnderlineSpan
：為文本設(shè)置下劃線
SuperscriptSpan
：為文本設(shè)置上標(biāo)，可以配合RelativeSizeSpan做數(shù)學(xué)公式中的上標(biāo)
SubscriptSpan
：為文本設(shè)置下標(biāo)
StyleSpan
：為文本設(shè)置（粗體、斜體）風(fēng)格
ImageSpan
：將文本替換為圖片
ClickableSpan
：為文本設(shè)置點擊事件

URLSpan
：為文本設(shè)置超鏈接

上面這部分是設(shè)置屬性，接下來看一下代碼：

SpannableString spannableString = new SpannableString("前景色背景色相對大小刪除線下劃線" +
        "上標(biāo)小上標(biāo)下標(biāo)粗體斜體顯示圖片點擊超鏈接");

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好理解，而且沒有那么多標(biāo)簽。
補充：
SpannableStringBuilder：這是文本的類，其內(nèi)容和標(biāo)記都可以更改。
增加了類似于StringBuilder的append等方法，可以修改原來的字符串跟樣式

SpannableStringBuilder builder = new SpannableStringBuilder("SpannableStringBuilder：這是文本的類，其內(nèi)容和標(biāo)記都可以更改。");builder.setSpan(foregroundColorSpan, 0, 3, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);builder.append("lalala");//千萬不要tostring（）；
spanBuilder.setText(builder);

本篇文章到此就結(jié)束了，希望對大家有幫助。

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容