一、概述

1、SpannableString、SpannableStringBuilder與String的關係

首先SpannableString、SpannableStringBuilder基本上與String差不多，也是用來儲存字串，但它們倆的特殊就在於有一個SetSpan（）函式，能給這些儲存的String新增各種格式或者稱樣式（Span），將原來的String以不同的樣式顯示出來，比如在原來String上加下劃線、加背景色、改變字型顏色、用圖片把指定的文字給替換掉，等等。所以，總而言之，SpannableString、SpannableStringBuilder與String一樣， 首先也是傳字串，但SpannableString、SpannableStringBuilder可以對這些字串新增額外的樣式資訊，但String則不行。

注意：如果這些額外資訊能被所用的方式支援，比如將SpannableString傳給TextView；也有對這些額外資訊不支援的，比如前一章講到的Canvas繪製文字，對於不支援的情況，SpannableString和SpannableStringBuilder就是退化為String型別，直接顯示原來的String字串，而不會再顯示這些附加的額外資訊。

2、SpannableString與SpannableStringBuilder區別

它們的區別在於 SpannableString像一個String一樣，構造物件的時候傳入一個String，之後再無法更改String的內容，也無法拼接多個 SpannableString；而SpannableStringBuilder則更像是StringBuilder，它可以通過其append()方法來拼接多個String：

1. //使用SpannableString，必須一次傳入，構造完成
2. SpannableString word = new SpannableString("歡迎光臨Harvic的部落格");  
3. //使用SpannableStringBuilder,可以使用append()再新增
4. SpannableStringBuilder multiWord = new SpannableStringBuilder();  
5. multiWord.append("歡迎光臨");  
6. multiWord.append("Harvic的");  
7. multiWord.append("部落格");  

因為Spannable等最終都實現了CharSequence介面，所以可以直接把SpannableString和SpannableStringBuilder通過TextView.setText()設定給TextView。

3、SetSpan（）

void setSpan (Object what, int start, int end, int flags)

函式意義：給SpannableString或SpannableStringBuilder特定範圍的字串設定Span樣式，可以設定多個（比如同時加上下劃線和刪除線等），Falg引數標識了當在所標記範圍前和標記範圍後緊貼著插入新字元時的動作，即是否對新插入的字元應用同樣的樣式。（這個後面會具體舉例說明）

引數說明：

object what ：對應的各種Span，後面會提到；
int start：開始應用指定Span的位置，索引從0開始
int end：結束應用指定Span的位置，特效並不包括這個位置。比如如果這裡數為3（即第4個字元），第4個字元不會有任何特效。從下面的例子也可以看出來。
int flags：取值有如下四個
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE：前後都不包括，即在指定範圍的前面和後面插入新字元都不會應用新樣式Spannable.SPAN_EXCLUSIVE_INCLUSIVE：前面不包括，後面包括。即僅在範圍字元的後面插入新字元時會應用新樣式
Spannable.SPAN_INCLUSIVE_EXCLUSIVE：前面包括，後面不包括。
Spannable.SPAN_INCLUSIVE_INCLUSIVE：前後都包括。

舉個例子來說明這個前後包括的問題：

由於Flag的作用是用來指定範圍前後輸入新的字元時，會不會應用效果的，所以我們利用EditText來顯示SpannableString

(1)、佈局XML中加入一個EditText控制元件：

1. <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
2.     xmlns:tools="http://schemas.android.com/tools"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     tools:context="com.example.try_spannable_blog.MainActivity">
6.     <EditText
7.         android:id="@+id/edit"
8.         android:layout_width="wrap_content"
9.         android:layout_height="wrap_content"/>
10. </RelativeLayout>

1. publicclass MainActivity extends Activity {  
2.     private EditText editText;    
3.     @Override
4.     protectedvoid onCreate(Bundle savedInstanceState) {  
5.         super.onCreate(savedInstanceState);  
6.         setContentView(R.layout.activity_main);  
7.         editText = (EditText)findViewById(R.id.edit);  
8.         //改變字型顏色
9.         //先構造SpannableString
10.         SpannableString spanString = new SpannableString("歡迎光臨Harvic的部落格");    
11.        //再構造一個改變字型顏色的Span
12.         ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE);    
13.         //將這個Span應用於指定範圍的字型
14.         spanString.setSpan(span, 1, 3, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);    
15.         //設定給EditText顯示出來
16.         editText.setText(spanString);  
17.     }  
18. }  

在前面和後面都加入蝦米兩個字，可見，前面的蝦米沒有任何效果，後面的則不同，新增上相同的Span特效，這是由於我們設定了Spannable.SPAN_EXCLUSIVE_INCLUSIVE的原因，即（前面不應用特效，後面應用特效），其它幾個Flags引數的含義想必大家也都清楚了。在此就不再贅述。

二、各種Span設定

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

1、字型顏色設定（ForegroundColorSpan）

1. SpannableString spanString = new SpannableString("歡迎光臨Harvic的部落格");    
2. //再構造一個改變字型顏色的Span
3. ForegroundColorSpan span = new ForegroundColorSpan(Color.BLUE);    
4. //將這個Span應用於指定範圍的字型
5. spanString.setSpan(span, 1, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);    
6. //設定給EditText顯示出來
7. editText.setText(spanString);  

2、字型背景顏色（BackgroundColorSpan）

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

3、字型大小（AbsoluteSizeSpan）

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

4、粗體、斜體（StyleSpan）

1. SpannableString spanString = new SpannableString("歡迎光臨Harvic的部落格");    
2. StyleSpan span = new StyleSpan(Typeface.BOLD_ITALIC);    
3. spanString.setSpan(span, 1, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
4. editText.setText(spanString);   

5、刪除線（StrikethroughSpan）

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

6、下劃線（UnderlineSpan）

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

7、圖片置換（ImageSpan）

1. SpannableString spanString = new SpannableString("歡迎光臨Harvic的部落格");    
2. Drawable d = getResources().getDrawable(R.drawable.ic_launcher);    
3. d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());    
4. ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);    
5. spanString.setSpan(span, 2, 4, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    
6. editText.setText(spanString);