深入理解TextView實(shí)現(xiàn)Rich Text--在同一個(gè)TextView設(shè)置不同字體風(fēng)格
在開發(fā)應(yīng)用過程中經(jīng)常會(huì)遇到顯示一些不同的字體風(fēng)格的信息猶如默認(rèn)的LockScreen上面的時(shí)間和充電信息。對(duì)于類似的情況,可能第一反應(yīng)就是用不同的多個(gè)TextView來實(shí)現(xiàn),對(duì)于每個(gè)TextView設(shè)置不同的字體風(fēng)格以滿足需求。

這里推薦的做法是使用android.text.*;和android.text.style.*;下面的組件來實(shí)現(xiàn)RichText:也即在同一個(gè)TextView中設(shè)置不同的字體風(fēng)格。對(duì)于某些應(yīng)用,比如文本編輯,記事本,彩信,短信等地方,還必須使用這些組件才能達(dá)到想到的顯示效果。
主要的基本工具類有android.text.Spanned; android.text.SpannableString; android.text.SpannableStringBuilder;使用這些類來代替常規(guī)String。SpannableString和SpannableStringBuilder可以用來設(shè)置不同的Span,這些Span便是用于實(shí)現(xiàn)Rich Text,比如粗體,斜體,前景色,背景色,字體大小,字體風(fēng)格等等,android.text.style.*中定義了很多的Span類型可供使用。
這是相關(guān)的API的Class General Hierarchy:
因?yàn)镾pannable等最終都實(shí)現(xiàn)了CharSequence接口,所以可以直接把SpannableString和SpannableStringBuilder通過TextView.setText()設(shè)置給TextView。
使用方法
當(dāng)要顯示Rich Text信息的時(shí)候,可以使用創(chuàng)建一個(gè)SpannableString或SpannableStringBuilder,它們的區(qū)別在于SpannableString像一個(gè)String一樣,構(gòu)造對(duì)象的時(shí)候傳入一個(gè)String,之后再無法更改String的內(nèi)容,也無法拼接多個(gè)SpannableString;而SpannableStringBuilder則更像是StringBuilder,它可以通過其append()方法來拼接多個(gè)String:
SpannableString word = new SpannableString("The quick fox jumps over the lazy dog");
SpannableStringBuilder multiWord = new SpannableStringBuilder();
multiWord.append("The Quick Fox");
multiWord.append("jumps over");
multiWord.append("the lazy dog");
創(chuàng)建完Spannable對(duì)象后,就可以為它們?cè)O(shè)置Span來實(shí)現(xiàn)想要的Rich Text了,常見的Span有:
•AbsoluteSizeSpan(int size) ---- 設(shè)置字體大小,參數(shù)是絕對(duì)數(shù)值,相當(dāng)于Word中的字體大小
•RelativeSizeSpan(float proportion) ---- 設(shè)置字體大小,參數(shù)是相對(duì)于默認(rèn)字體大小的倍數(shù),比如默認(rèn)字體大小是x, 那么設(shè)置后的字體大小就是x*proportion,這個(gè)用起來比較靈活,proportion>1就是放大(zoom in), proportion<1就是縮小(zoom out)
•ScaleXSpan(float proportion) ---- 縮放字體,與上面的類似,默認(rèn)為1,設(shè)置后就是原來的乘以proportion,大于1時(shí)放大(zoon in),小于時(shí)縮小(zoom out)
•BackgroundColorSpan(int color) ----背景著色,參數(shù)是顏色數(shù)值,可以直接使用android.graphics.Color里面定義的常量,或是用Color.rgb(int, int, int)
•ForegroundColorSpan(int color) ----前景著色,也就是字的著色,參數(shù)與背景著色一致
•TypefaceSpan(String family) ----字體,參數(shù)是字體的名字比如“sans", "sans-serif"等
•StyleSpan(Typeface style) -----字體風(fēng)格,比如粗體,斜體,參數(shù)是android.graphics.Typeface里面定義的常量,如Typeface.BOLD,Typeface.ITALIC等等。
•StrikethroughSpan----如果設(shè)置了此風(fēng)格,會(huì)有一條線從中間穿過所有的字,就像被劃掉一樣
對(duì)于這些Sytle span在使用的時(shí)候通常只傳上面所說明的構(gòu)造參數(shù)即可,不需要設(shè)置其他的屬性,如果需要的話,也可以對(duì)它們?cè)O(shè)置其他的屬性,詳情可以參見<文檔>。
SpannableString和SpannableStringBuilder都有一個(gè)設(shè)置上述Span的方法:
/**
* Set the style span to Spannable, such as SpannableString or SpannableStringBuilder
* @param what --- the style span, such as StyleSpan
* @param start --- the starting index of characters to which the style span to apply
* @param end --- the ending index of characters to which the style span to apply
* @param flags --- the flag specified to control
*/
setSpan(Object what, int start, int end, int flags);
其中參數(shù)what是要設(shè)置的Style span,start和end則是標(biāo)識(shí)String中Span的起始位置,而 flags是用于控制行為的,通常設(shè)置為0或Spanned中定義的常量,常用的有:
•Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含兩端start和end所在的端點(diǎn)
•Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start,但包含end所在的端點(diǎn)
•Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含兩端start,但不包含end所在的端點(diǎn)
•Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含兩端start和end所在的端點(diǎn)
這里理解起來就好像數(shù)學(xué)中定義區(qū)間,開區(qū)間還是閉區(qū)間一樣的。還有許多其他的Flag,可以參考<這里>。這里要重點(diǎn)說明下關(guān)于參數(shù)0,有很多時(shí)候,如果設(shè)置了上述的參數(shù),那么Span會(huì)從start應(yīng)用到Text結(jié)尾,而不是在start和end二者之間,這個(gè)時(shí)候就需要使用Flag 0。
Linkify
另外,也可以對(duì)通過TextView.setAutoLink(int)設(shè)置其Linkify屬性,其用處在于,TextView會(huì)自動(dòng)檢查其內(nèi)容,會(huì)識(shí)別出phone number, web address or email address,并標(biāo)識(shí)為超鏈接,可點(diǎn)擊,點(diǎn)擊后便跳轉(zhuǎn)到相應(yīng)的應(yīng)用,如Dialer,Browser或Email。Linkify有幾個(gè)常用選項(xiàng),更多的請(qǐng)參考<文檔>
•Linkify.EMAIL_ADDRESS -- 僅識(shí)別出TextView中的Email在址,標(biāo)識(shí)為超鏈接,點(diǎn)擊后會(huì)跳到Email,發(fā)送郵件給此地址
•Linkify.PHONE_NUMBERS -- 僅識(shí)別出TextView中的電話號(hào)碼,標(biāo)識(shí)為超鏈接,點(diǎn)擊后會(huì)跳到Dialer,Call這個(gè)號(hào)碼
•Linkify.WEB_URLS-- 僅識(shí)別出TextView中的網(wǎng)址,標(biāo)識(shí)為超鏈接,點(diǎn)擊后會(huì)跳到Browser打開此URL
•Linkify.ALL -- 這個(gè)選項(xiàng)是識(shí)別出所有系統(tǒng)所支持的特殊Uri,然后做相應(yīng)的操作
權(quán)衡選擇
個(gè)人認(rèn)為軟件開發(fā)中最常見的問題不是某個(gè)技巧怎么使用的問題,而是何時(shí)該使用何技巧的問題,因?yàn)閷?shí)現(xiàn)同一個(gè)目標(biāo)可能有N種不同的方法,就要權(quán)衡利弊,選擇最合適的一個(gè),正如常言所云,沒有最好的,只有最適合的。如前面所討論的,要想用不同的字體展現(xiàn)不同的信息可能的解法,除了用Style Span外還可以用多個(gè)TextView。那么就需要總結(jié)下什么時(shí)候該使用StyleSpan,什么時(shí)候該使用多個(gè)TextView:
1.如果顯示的是多個(gè)不同類別的信息,就應(yīng)該使用多個(gè)TextView,這樣也方便控制和改變各自的信息,例子就是默認(rèn)LockScreen上面的日期和充電信息,因?yàn)樗鼈兯休d不同的信息,所以應(yīng)該使用多個(gè)TextView來分別呈現(xiàn)。
2.如果顯示的是同一類信息,或者同一個(gè)信息,那么應(yīng)該使用StyleSpan。比如,短信息中,要把聯(lián)系人的相關(guān)信息突出顯示;或是想要Highlight某些信息等。
3.如果要實(shí)現(xiàn)Rich text,沒辦法,只能使用Style span。
4.如果要實(shí)現(xiàn)某些特效,也可以考慮使用StyleSpan。設(shè)置不同的字體風(fēng)格只是Style span的初級(jí)應(yīng)用,如果深入研究,可以發(fā)現(xiàn)很多奇妙的功效。
實(shí)例
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">
<ScrollView
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/text_view_font_1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<TextView
android:id="@+id/text_view_font_2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<TextView
android:id="@+id/text_view_font_3"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<TextView
android:id="@+id/text_view_font_4"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<TextView
android:id="@+id/text_view_font_5"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</LinearLayout>
</ScrollView>
</LinearLayout>
Source code:
package com.android.effective;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
import android.app.Activity;
import android.graphics.Color;
import android.graphics.Typeface;
import android.os.Bundle;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.SpannableStringBuilder;
import android.text.style.AbsoluteSizeSpan;
import android.text.style.BackgroundColorSpan;
import android.text.style.ForegroundColorSpan;
import android.text.style.QuoteSpan;
import android.text.style.RelativeSizeSpan;
import android.text.style.ScaleXSpan;
import android.text.style.StrikethroughSpan;
import android.text.style.StyleSpan;
import android.text.style.TypefaceSpan;
import android.text.style.URLSpan;
import android.text.util.Linkify;
import android.widget.TextView;
public class TextViewFontActivity extends Activity {
@Override
public void onCreate(Bundle bundle) {
super.onCreate(bundle);
setContentView(R.layout.textview_font_1);
// Demonstration of basic SpannableString and spans usage
final TextView textWithString = (TextView) findViewById(R.id.text_view_font_1);
String w = "The quick fox jumps over the lazy dog";
int start = w.indexOf('q');
int end = w.indexOf('k') + 1;
Spannable word = new SpannableString(w);
word.setSpan(new AbsoluteSizeSpan(22), start, end,
Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word.setSpan(new StyleSpan(Typeface.BOLD), start, end,
Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word.setSpan(new BackgroundColorSpan(Color.RED), start, end,
Spannable.SPAN_INCLUSIVE_INCLUSIVE);
textWithString.setText(word);
// Demonstration of basic SpannableStringBuilder and spans usage
final TextView textWithBuilder = (TextView) findViewById(R.id.text_view_font_2);
SpannableStringBuilder word2 = new SpannableStringBuilder();
final String one = "Freedom is nothing but a chance to be better!";
final String two = "The quick fox jumps over the lazy dog!";
final String three = "The tree of liberty must be refreshed from time to time with " +
"the blood of patroits and tyrants!";
word2.append(one);
start = 0;
end = one.length();
word2.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
word2.append(two);
start = end;
end += two.length();
word2.setSpan(new ForegroundColorSpan(Color.CYAN), start, end,
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
word2.append(three);
start = end;
end += three.length();
word2.setSpan(new URLSpan(three), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
textWithBuilder.setText(word2);
// Troubleshooting when using SpannableStringBuilder
final TextView textTroubles = (TextView) findViewById(R.id.text_view_font_3);
SpannableStringBuilder word3 = new SpannableStringBuilder();
start = 0;
end = one.length();
// Caution: must first append or set text to SpannableStringBuilder or SpannableString
// then set the spans to them, otherwise, IndexOutOfBoundException is thrown when setting spans
word3.append(one);
// For AbsoluteSizeSpan, the flag must be set to 0, otherwise, it will apply this span to until end of text
word3.setSpan(new AbsoluteSizeSpan(22), start, end, 0);//Spannable.SPAN_INCLUSIVE_INCLUSIVE);
// For BackgroundColorSpanSpan, the flag must be set to 0, otherwise, it will apply this span to end of text
word3.setSpan(new BackgroundColorSpan(Color.DKGRAY), start, end, 0); //Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word3.append(two);
start = end;
end += two.length();
word3.setSpan(new TypefaceSpan("sans-serif"), start, end,
Spannable.SPAN_INCLUSIVE_INCLUSIVE);
// TODO: sometimes, flag must be set to 0, otherwise it will apply the span to until end of text
// which MIGHT has nothing to do with specific span type.
word3.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), start, end, 0);//Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word3.setSpan(new ScaleXSpan(0.618f), start, end, Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word3.setSpan(new StrikethroughSpan(), start, end, 0);//Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word3.setSpan(new ForegroundColorSpan(Color.CYAN), start, end, Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word3.setSpan(new QuoteSpan(), start, end, 0); //Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word3.append(three);
start = end;
end += three.length();
word3.setSpan(new RelativeSizeSpan((float) Math.E), start, end, Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word3.setSpan(new ForegroundColorSpan(Color.BLUE), start, end, Spannable.SPAN_INCLUSIVE_INCLUSIVE);
textTroubles.setText(word3);
// Highlight some patterns
final String four = "The gap between the best software engineering " +
"practice and the average practice is very wide¡ªperhaps wider " +
" than in any other engineering discipline. A tool that disseminates " +
"good practice would be important.¡ªFred Brooks";
final Pattern highlight = Pattern.compile("the");
final TextView textHighlight = (TextView) findViewById(R.id.text_view_font_4);
SpannableString word4 = new SpannableString(four);
Matcher m = highlight.matcher(word4.toString());
while (m.find()) {
word4.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), m.start(), m.end(),
Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word4.setSpan(new ForegroundColorSpan(Color.RED), m.start(), m.end(),
Spannable.SPAN_INCLUSIVE_INCLUSIVE);
word4.setSpan(new StrikethroughSpan(), m.start(), m.end(),
Spannable.SPAN_INCLUSIVE_INCLUSIVE);
}
textHighlight.setText(word4);
// Set numbers, URLs and E-mail address to be clickable with TextView#setAutoLinkMask
final TextView textClickable = (TextView) findViewById(R.id.text_view_font_5);
final String contact = "Email: mvp@microsoft.com\n" +
"Phone: +47-24885883\n" +
"Fax: +47-24885883\n" +
"HTTP: www.microsoft.com/mvp.asp";
// Set the attribute first, then set the text. Otherwise, it won't work
textClickable.setAutoLinkMask(Linkify.ALL); // or set 'android:autoLink' in layout xml
textClickable.setText(contact);
}
}
The results:
相關(guān)文章
Android藍(lán)牙服務(wù)查找附近設(shè)備分析探索
這篇文章主要介紹了Android藍(lán)牙服務(wù)實(shí)現(xiàn)查找附近設(shè)備,了解內(nèi)部原理是為了幫助我們做擴(kuò)展,同時(shí)也是驗(yàn)證了一個(gè)人的學(xué)習(xí)能力,如果你想讓自己的職業(yè)道路更上一層樓,這些底層的東西你是必須要會(huì)的2023-01-01Android編程之監(jiān)聽器用法實(shí)例分析
這篇文章主要介紹了Android編程之監(jiān)聽器用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了Android監(jiān)聽器的功能及針對(duì)短信的監(jiān)聽與響應(yīng)操作技巧,需要的朋友可以參考下2016-01-01Android資源文件與層次式導(dǎo)航超詳細(xì)講解
這篇文章主要介紹了Android資源文件與層次式導(dǎo)航,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-12-12解決Android Studio一直停留在MyApplication:syncing的問題
這篇文章主要介紹了Android Studio一直停留在MyApplication:syncing的完美解決方案,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10Android數(shù)據(jù)庫中事務(wù)操作方法之銀行轉(zhuǎn)賬示例
這篇文章主要介紹了Android數(shù)據(jù)庫中事務(wù)操作方法之銀行轉(zhuǎn)賬,以具體的銀行轉(zhuǎn)賬為例分析了Android數(shù)據(jù)庫操作中事務(wù)的使用與回滾相關(guān)操作技巧,需要的朋友可以參考下2017-08-08