1. 程式人生 > >Android EditText/TextView使用SpannableString顯示覆合文字

Android EditText/TextView使用SpannableString顯示覆合文字

在Android中EditText用於編輯文字,TextView用於顯示文字,但是有時候我們需要對其中的文字進行樣式等方面的設定。Android為我們提供了SpannableString類來對指定文字進行處理。

1) ForegroundColorSpan        文字顏色

[java] view plaincopyprint?
  1. privatevoid setForegroundColorSpan() {    
  2.     SpannableString spanString = new SpannableString("前景色");    
  3.     ForegroundColorSpan span = new
     ForegroundColorSpan(Color.BLUE);    
  4.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  5.     tv.append(spanString);    
  6. }    

2) BackgroundColorSpan文字背景色 [java] view plaincopyprint?
  1. privatevoid setBackgroundColorSpan() {    
  2.     SpannableString spanString = new SpannableString("背景色"
    );    
  3.     BackgroundColorSpan span = new BackgroundColorSpan(Color.YELLOW);    
  4.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  5.     tv.append(spanString);    
  6. }   

3) StyleSpan         字型樣式:粗體、斜體等

[java] view plaincopyprint?
  1. privatevoid setStyleSpan() {    
  2.     SpannableString spanString = new
     SpannableString("粗體斜體");    
  3.     StyleSpan span = new StyleSpan(Typeface.BOLD_ITALIC);    
  4.     spanString.setSpan(span, 04, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  5.     tv.append(spanString);    
  6. }    

4) RelativeSizeSpan         相對大小

[java] view plaincopyprint?
  1. privatevoid setRelativeFontSpan() {  
  2.     SpannableString spanString = new SpannableString("字型相對大小");  
  3.     spanString.setSpan(new RelativeSizeSpan(2.5f), 06,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);  
  4.     tv.append(spanString);      
  5. }  

5) TypefaceSpan         文字字型

[html] view plaincopyprint?
  1. private void setTypefaceSpan() {  
  2.     SpannableString spanString = new SpannableString("文字字型");  
  3.     spanString.setSpan(new TypefaceSpan("monospace"), 0, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  4.     tv.append(spanText);  
  5. }  

6) URLSpan 文字超連結

[java] view plaincopyprint?
  1. privatevoid addUrlSpan() {    
  2.     SpannableString spanString = new SpannableString("超連結");    
  3.     URLSpan span = new URLSpan("http://www.baidu.com");    
  4.     spanString.setSpan(span, 03, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  5.     tv.append(spanString);    
  6. }    

7) ImageSpan         圖片

[html] view plaincopyprint?
  1. private void addImageSpan() {    
  2.     SpannableString spanString = new SpannableString(" ");    
  3.     Drawable d = getResources().getDrawable(R.drawable.ic_launcher);    
  4.     d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());    
  5.     ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);    
  6.     spanString.setSpan(span, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  7.     tv.append(spanString);    
  8. }   

8) ClickableSpan                 文字有點選事件

[html] view plaincopyprint?
  1. private TextView textView;  
  2. textView = (TextView)this.findViewById(R.id.textView);  
  3. String text = "顯示Activity";  
  4. SpannableString spannableString = new SpannableString(text);  
  5. spannableString.setSpan(new ClickableSpan() {  
  6.     @Override  
  7.     public void onClick(View widget) {  
  8.         Intent intent = new Intent(Main.this,OtherActivity.class);  
  9.         startActivity(intent);  
  10.     }  
  11.     // 表示點選整個text的長度都有效觸發這個事件  
  12. }, 0, text.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  13. textView.setText(spannableString);  
  14. textView.setMovementMethod(LinkMovementMethod.getInstance());  

9) UnderlineSpan         下劃線

[html] view plaincopyprint?
  1. private void addUnderLineSpan() {    
  2.     SpannableString spanString = new SpannableString("下劃線");    
  3.     UnderlineSpan span = new UnderlineSpan();    
  4.     spanString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  5.     tv.append(spanString);    
  6. }   

10) StrikethroughSpan         刪除線

[html] view plaincopyprint?
  1. private void addStrikeSpan() {    
  2.     SpannableString spanString = new SpannableString("刪除線");    
  3.     StrikethroughSpan span = new StrikethroughSpan();    
  4.     spanString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
  5.     tv.append(spanString);    
  6. }    

11) SuggestionSpan 相當於佔位符

12) MaskFilterSpan 修飾效果,如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)

13) RasterizerSpan         光柵效果

14) AbsoluteSizeSpan         絕對大小(文字字型)

[html] view plaincopyprint?
  1. private void setAbsoluteFontSpan() {  
  2.         SpannableString spannableString = new SpannableString("40號字型");  
  3.         AbsoluteSizeSpan absoluteSizeSpan = new AbsoluteSizeSpan(40);  
  4.         spannableString.setSpan(absoluteSizeSpan, 0, 5, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  
  5.         editText.append(spannableString);  
  6. }  

15) DynamicDrawableSpan    設定圖片,基於文字基線或底部對齊。

16) TextAppearanceSpan 文字外貌(包括字型、大小、樣式和顏色)

[html] view plaincopyprint?
  1. private void setTextAppearanceSpan() {  
  2.     SpannableString spanString = new SpannableString("文字外貌");  
  3.     TextAppearanceSpan textAppearanceSpan = new TextAppearanceSpan(this, android.R.style.TextAppearance_Medium);  
  4.     spanString.setSpan(textAppearanceSpan, 0, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  5.     tv.append(spanString);  
  6. }