Spannable豐富Android文本

? ? ? ? 在項目中很常用到Spannable,既豐富了文本又精簡了布局。SpannableString、SpannableStringBuilder是Spannable的具體實現(xiàn)類,我們就是用它們來豐富文本的;來一段代碼看看它們的使用:

String str="12315465科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder spanTextInterest =new SpannableStringBuilder(str);

spanTextInterest.setSpan(new AbsoluteSizeSpan(18,true),0,1,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spanTextInterest);

我們就是使用setSpan這個方法來標(biāo)識文本的樣式,方法意義:給SpannableString或SpannableStringBuilder特定范圍的字符串設(shè)定Span樣式,可以設(shè)置多個(比如同時加上下劃線和刪除線等),F(xiàn)alg參數(shù)標(biāo)識了當(dāng)在所標(biāo)記范圍前和標(biāo)記范圍后緊貼著插入新字符時的動作,即是否對新插入的字符應(yīng)用同樣的樣式。

參數(shù)說明:

object what:對應(yīng)的各種Span,后面會提到;

int start:開始應(yīng)用指定Span的位置,索引從0開始

int end:結(jié)束應(yīng)用指定Span的位置,特效并不包括這個位置。比如如果這里數(shù)為3(即第4個字符),第4個字符不會有任何特效。

int flags:取值有如下四個

Spannable.SPAN_EXCLUSIVE_EXCLUSIVE:前后都不包括,即在指定范圍的前面和后面插入新字符都不會應(yīng)用新樣式

Spannable.SPAN_EXCLUSIVE_INCLUSIVE:前面不包括,后面包括。即僅在范圍字符的后面插入新字符時會應(yīng)用新樣式

Spannable.SPAN_INCLUSIVE_EXCLUSIVE:前面包括,后面不包括。

Spannable.SPAN_INCLUSIVE_INCLUSIVE:前后都包括。


各種的Span:

1.URLSpan

功能:點擊文字,可以打開一個URL。

String ?str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder? spannableStringBuilder = new? SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new ?URLSpan("https://www.baidu.com/"),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

// 在單擊鏈接時凡是有要執(zhí)行的動作,都必須設(shè)置MovementMethod對象

tv_content.setMovementMethod(LinkMovementMethod.getInstance());

// 設(shè)置點擊后的顏色,這里涉及到ClickableSpan的點擊背景

tv_content.setHighlightColor(0xff8FABCC);

2.UnderlineSpan

功能:設(shè)置文字下劃線。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new ?UnderlineSpan(),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

3.TypefaceSpan

功能:設(shè)置文字字體。

TypefaceSpan(String family)構(gòu)造方法源碼中的注釋提示了三種系統(tǒng)字體:

monospace

serif

sans-serif

String ? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ? spannableStringBuilder =new ? SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new ?TypefaceSpan("serif"),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

4.TextAppearanceSpan

功能:設(shè)置文字字體、文字樣式(粗體、斜體、等等)、文字顏色狀態(tài)、文字下劃線顏色狀態(tài)等等。

TextAppearanceSpan的三個構(gòu)造方法

TextAppearanceSpan(Context context, int appearance)

TextAppearanceSpan(Context context, int appearance, int colorList)

TextAppearanceSpan(String family, int style, int ?size,ColorStateList color, ColorStateList linkColor)

family:monospace、serif、sans-serif

style:Typeface.NORMAL、Typeface.BOLD、Typeface.ITALIC、Typeface.BOLD_ITALIC

size:表示字體大小(單位px)

String ?str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

ColorStateList ?colorStateList =null;

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {

colorStateList =getColorStateList(R.color.selector_apperarance_span);

}else{

try{

colorStateList = ColorStateList.createFromXml(getResources(), getResources().getXml(R.color.selector_apperarance_span));

}catch(XmlPullParserException | IOException e) {

e.printStackTrace();

}

}

spannableStringBuilder.setSpan(new TextAppearanceSpan("serif",Typeface.BOLD_ITALIC,getResources().getDimensionPixelSize(R.dimen.text_appearance_span),colorStateList,colorStateList),0,5,Spannable.SPAN_INCLUSIVE_INCLUSIVE);

5.TabStopSpan.Standard

功能:每行的MarginLeft的偏移量(跟 \t 和 \n 有關(guān)系)。

String ?str="科技生活, 人文娛樂, 科技創(chuàng)新";

String[] ?subs = str.split(" ");

SpannableStringBuilder ? spannableStringBuilder =new ?SpannableStringBuilder();

/**

* TabStopSpan. Standard related to \t and \n

* TabStopSpan.Standard 跟 \t 和 \n 有關(guān)系

*/

for(Stringsub1 : subs) {

spannableStringBuilder.append("\t").append(sub1).append(" ");

spannableStringBuilder.append("\n");

}

spannableStringBuilder.setSpan(new TabStopSpan.Standard(126),0,spannableStringBuilder.length(),Spannable.SPAN_INCLUSIVE_INCLUSIVE);

tv_content.setText(spannableStringBuilder);

6.SuperscriptSpan

功能:文字設(shè)置為上標(biāo),數(shù)學(xué)公式中用到。

String ?str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder spannableStringBuilder =new SpannableStringBuilder(str);

Parcel parcel = Parcel.obtain();

parcel.writeInt(1);

spannableStringBuilder.setSpan(new ?SuperscriptSpan(parcel),1,2,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

7.SubscriptSpan

功能:文字設(shè)置為下標(biāo),化學(xué)式中用到。

String ? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder spannableStringBuilder =new ?SpannableStringBuilder(str);

Parcel ?parcel = Parcel.obtain();

parcel.writeInt(1);

spannableStringBuilder.setSpan(new SubscriptSpan(parcel),1,2,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

8.StrikethroughSpan

功能:文字設(shè)置刪除線。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new ?StrikethroughSpan(),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

9.ScaleXSpan

功能:文字橫向縮放。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new? ScaleXSpan(2.0f),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

10.StyleSpan

功能:文字設(shè)置樣式(正常、粗體、斜體、粗斜體)。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new? StyleSpan(Typeface.BOLD_ITALIC),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

11.RelativeSizeSpan

功能:設(shè)置文字相對大小,指相對于文本設(shè)定的大小的相對比例。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new RelativeSizeSpan(3f),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

12.QuoteSpan

功能:設(shè)置文字左側(cè)顯示引用樣式(一條豎線)。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new QuoteSpan(0xffff5566),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

13.MaskFilterSpan

功能:設(shè)置文字模糊效果和浮雕效果。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new MaskFilterSpan(newBlurMaskFilter(3,BlurMaskFilter.Blur.OUTER)),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

14.LeadingMarginSpan.Standard

功能:設(shè)置文本縮進(jìn)。

LeadingMarginSpan.Standard(int first, int rest)

first:首行的 margin left 偏移量。

rest:其他行的 margin left 偏移量。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.append(spannableStringBuilder.toString());

spannableStringBuilder.setSpan(new LeadingMarginSpan.Standard(100,0),0,spannableStringBuilder.length(),Spannable.SPAN_INCLUSIVE_INCLUSIVE);

tv_content.setText(spannableStringBuilder);

15.ImageSpan

功能:文本插入圖片。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new ImageSpan(this,R.mipmap.ic_launcher,ImageSpan.ALIGN_BASELINE),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

16.IconMarginSpan

功能:文本插入圖片+Margin。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

Bitmapbitmap = BitmapFactory.decodeResource(getResources(),R.mipmap.ic_launcher);

spannableStringBuilder.setSpan(new IconMarginSpan(bitmap,60),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

17.ForegroundColorSpan

功能:設(shè)置文字顏色。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new ForegroundColorSpan(0xffff5566),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

18.DrawableMarginSpan

功能:文本插入圖片+Margin。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new DrawableMarginSpan(getResources().getDrawable(R.mipmap.ic_launcher),6),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

19.BulletSpan

功能:類似于HTML中的圓點效果。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new BulletSpan(66,0xffff5566),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

20.BackgroundColorSpan

功能:設(shè)置背景色。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new BackgroundColorSpan(0xffff5566),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

21.AlignmentSpan.Standard

功能:設(shè)置文字對齊方式。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new AlignmentSpan.Standard(Layout.Alignment.ALIGN_CENTER),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

22.AbsoluteSizeSpan

功能:設(shè)置文字絕對大小。

String? str="科技生活,人文娛樂,科技創(chuàng)新";

SpannableStringBuilder ?spannableStringBuilder =new ?SpannableStringBuilder(str);

spannableStringBuilder.setSpan(new AbsoluteSizeSpan(26,true),0,5,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

tv_content.setText(spannableStringBuilder);

23.ClickableSpan

功能:文字可點擊。抽象類,需要自己去實現(xiàn)。

這23種Span講完了,這23種可以組合使用哦。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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