Andriod給textview文字關鍵字迴圈標亮加粗

lsc183發表於2015-04-27
原文網址 : https://www.cnblogs.com/lsc183/p/4460799.html
TextView

　　在開發中，搜尋到得關鍵字資訊在展示時，通常需要標亮加粗，如下圖（擷取自藍鯨醫生助手搜尋後的結果）

　　

　　在文字中，關鍵字是“嘎”，所有“嘎”字都標亮加粗，標亮就是換種顏色。這裡就要用到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。

　　各種span設定：

　　在前面的一個小示例，大家應該也可以看出，要應用一個Span總共分三步：
　　　　1、構造String
　　　　2、構造Span
　　　　3、利用SetSpan（）對指定範圍的String應用這個Span

　　1、字型顏色設定（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);

　　2、字型背景顏色（BackgroundColorSpan）

SpannableString spanString = new SpannableString("歡迎光臨lsc183的部落格");    
BackgroundColorSpan span = new BackgroundColorSpan(Color.YELLOW);    
spanString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
editText.setText(spanString);

　　3、字型大小（AbsoluteSizeSpan）

SpannableString spanString = new SpannableString("歡迎光臨lsc183的部落格");    
AbsoluteSizeSpan span = new AbsoluteSizeSpan(16);    
spanString.setSpan(span, 2, 5, Spannable.SPAN_INCLUSIVE_INCLUSIVE);    
editText.setText(spanString);

　　4、粗體、斜體（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);

　　5、刪除線（StrikethroughSpan）

SpannableString spanString = new SpannableString("歡迎光臨lsc183的部落格");    
StrikethroughSpan span = new StrikethroughSpan();    
spanString.setSpan(span, 2, 5, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
editText.setText(spanString);

　　6、下劃線（UnderlineSpan）

SpannableString spanString = new SpannableString("歡迎光臨lsc183的部落格");    
UnderlineSpan span = new UnderlineSpan();    
spanString.setSpan(span, 1, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
editText.setText(spanString);

　　7、圖片置換（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文字內容。

 

相關文章