在開發(fā)過程中有時(shí)會(huì)遇到TextView顯示的字符串會(huì)有不同顏色和不同大小
下面通過兩種方法給大家介紹一下:
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]
- 常見樣式
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é)束了塘淑,希望對大家有幫助萝招。