TextView顯示(不同大小的,顏色)富文本

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

微信圖片_20170928103150.png

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

1.html類:

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

<b>黑體字

<big>字體加大

<blockquote>從兩邊縮進(jìn)文本


換行 插入換行符

<cite>引用囱怕,通常是斜體

<dfn>述語定義

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

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

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

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

<i>斜體字

圖片

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

<small>字體縮小

<strike>加刪除線

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

下標(biāo)字

上標(biāo)字

<tt>打字機(jī)風(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));

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

SpannableString:這是一個(gè)文本的類,其內(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é)束端點(diǎn)
flag屬性

Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
--- 不包含兩端start和end所在的端點(diǎn) --- (a,b)
Spanned.SPAN_EXCLUSIVE_INCLUSIVE
--- 不包含端start冀续,但包含end所在的端點(diǎn) --- (a,b]
Spanned.SPAN_INCLUSIVE_EXCLUSIVE
--- 包含兩端start,但不包含end所在的端點(diǎn) --- [a,b)
Spanned.SPAN_INCLUSIVE_INCLUSIVE
--- 包含兩端start和end所在的端點(diǎn) --- [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è)置點(diǎn)擊事件

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

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

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

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, "點(diǎn)擊", 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)簽术唬。
補(bǔ)充:
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)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市存捺,隨后出現(xiàn)的幾起案子槐沼,更是在濱河造成了極大的恐慌,老刑警劉巖捌治,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件岗钩,死亡現(xiàn)場離奇詭異,居然都是意外死亡肖油,警方通過查閱死者的電腦和手機(jī)兼吓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來森枪,“玉大人视搏,你說我怎么就攤上這事∠馗ぃ” “怎么了凶朗?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長显拳。 經(jīng)常有香客問我,道長搓萧,這世上最難降的妖魔是什么杂数? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮瘸洛,結(jié)果婚禮上揍移,老公的妹妹穿的比我還像新娘。我一直安慰自己反肋,他們只是感情好那伐,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著石蔗,像睡著了一般罕邀。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上养距,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天诉探,我揣著相機(jī)與錄音,去河邊找鬼棍厌。 笑死肾胯,一個(gè)胖子當(dāng)著我的面吹牛竖席,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播敬肚,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼毕荐,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了艳馒?” 一聲冷哼從身側(cè)響起憎亚,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鹰溜,沒想到半個(gè)月后虽填,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡曹动,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年斋日,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片墓陈。...
    茶點(diǎn)故事閱讀 38,654評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡恶守,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出贡必,到底是詐尸還是另有隱情兔港,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布仔拟,位于F島的核電站衫樊,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏利花。R本人自食惡果不足惜科侈,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望炒事。 院中可真熱鬧臀栈,春花似錦、人聲如沸挠乳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽睡扬。三九已至盟蚣,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間卖怜,已是汗流浹背刁俭。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留韧涨,地道東北人牍戚。 一個(gè)月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓侮繁,卻偏偏與公主長得像,于是被迫代替她去往敵國和親如孝。 傳聞我的和親對象是個(gè)殘疾皇子宪哩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內(nèi)容