在開發中,搜索到得關鍵字信息在展現時,一般須要標亮加粗,以下圖(截取自藍鯨醫生助手搜索後的結果)app
在文本中,關鍵字是「嘎」,全部「嘎」字都標亮加粗,標亮就是換種顏色。這裏就要用到SpannableStringBuilder。首先SpannableString、SpannableStringBuilder基本上與String差很少,也是用來存儲字符串,但它們倆的特殊就在於有一個SetSpan()函數,能給這些存儲的String添加各類格式或者稱樣式(Span),將原來的String以不一樣的樣式顯示出來,好比在原來String上加下劃線、加背景色、改變字體顏色、用圖片把指定的文字給替換掉,等等。因此,總而言之,SpannableString、SpannableStringBuilder與String同樣, 首先也是傳字符串,但SpannableString、SpannableStringBuilder能夠對這些字符串添加額外的樣式信息,但String則不行。函數
SpannableString和SpannableStringBuilder的區別在於 SpannableString像一個String同樣,構造對象的時候傳入一個String,以後再沒法更改String的內容,也沒法拼接多個 SpannableString;而SpannableStringBuilder則更像是StringBuilder,它能夠經過其append()方法來拼接多個String:字體
//使用SpannableString,只能做爲構造函數參數傳入 SpannableString word = new SpannableString("歡迎光臨lsc183的博客"); //使用SpannableStringBuilder,可使用append()再追加 SpannableStringBuilder multiWord = new SpannableStringBuilder(); multiWord.append("歡迎光臨"); multiWord.append("lsc183的"); multiWord.append("博客");
SpannableString和SpannableStringBuilder經過TextView.setText()設置給TextView。ui
各類span設置:spa
在前面的一個小示例,你們應該也能夠看出,要應用一個Span總共分三步:
一、構造String
二、構造Span
三、利用SetSpan()對指定範圍的String應用這個Spancode
一、字體顏色設置(ForegroundColorSpan)對象
SpannableString spanString = new SpannableString("歡迎光臨lsc183的博客"); //再構造一個改變字體顏色的Span ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE); //將這個Span應用於指定範圍的字體 spanString.setSpan(span, 1, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE); //設置給EditText顯示出來 editText.setText(spanString);
二、字體背景顏色(BackgroundColorSpan)blog
SpannableString spanString = new SpannableString("歡迎光臨lsc183的博客"); BackgroundColorSpan span = new BackgroundColorSpan(Color.YELLOW); spanString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
三、字體大小(AbsoluteSizeSpan)圖片
SpannableString spanString = new SpannableString("歡迎光臨lsc183的博客"); AbsoluteSizeSpan span = new AbsoluteSizeSpan(16); spanString.setSpan(span, 2, 5, Spannable.SPAN_INCLUSIVE_INCLUSIVE); editText.setText(spanString);
四、粗體、斜體(StyleSpan)開發
SpannableString spanString = new SpannableString("歡迎光臨lsc183的博客"); StyleSpan span = new StyleSpan(Typeface.BOLD_ITALIC); spanString.setSpan(span, 1, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
五、刪除線(StrikethroughSpan)
SpannableString spanString = new SpannableString("歡迎光臨lsc183的博客"); StrikethroughSpan span = new StrikethroughSpan(); spanString.setSpan(span, 2, 5, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
六、下劃線(UnderlineSpan)
SpannableString spanString = new SpannableString("歡迎光臨lsc183的博客"); UnderlineSpan span = new UnderlineSpan(); spanString.setSpan(span, 1, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
七、圖片置換(ImageSpan)
SpannableString spanString = new SpannableString("歡迎光臨lsc183的博客"); Drawable d = getResources().getDrawable(R.drawable.ic_launcher); d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight()); ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE); spanString.setSpan(span, 2, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); editText.setText(spanString);
若是要標亮的關鍵字不止一個,有多個呢,就像要標註「歡迎光臨光臨lsc183的博客,博客」,標註「博」呢,那就須要循環了。這裏提供一個方法:
public static void setTextviewColorAndBold(TextView textView, String key, String value) { if (TCommUtil.isNull(value)) { return; } if (!TCommUtil.isNull(key)) { SpannableStringBuilder style = new SpannableStringBuilder(value); int index = value.indexOf(key); if (index >= 0) { while (index < value.length() && index >= 0) { style.setSpan(new ForegroundColorSpan(Color.rgb(0, 187, 33)), index, index + key.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); style.setSpan(new StyleSpan(Typeface.BOLD), index, index + key.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); textView.setText(style); index = value.indexOf(key, index + key.length()); } } else { textView.setText(value); } } else { textView.setText(value); } }
注:key要標亮的關鍵字,value文本內容。