淺談ClickableSpan ， 實現TextView文本某一部分文字的點擊響應

超文本：http://www.baidu.com 

這么一個效果：一行文本當中 前面顯示黑色顏色的“超文本：”，后面顯示紅色顏色的“http://www.baidu.com” 並且要求紅色字體的部分可以點擊，有響應的點擊事件進行處理，你該如何實現？

最簡單的實現方法，兩個TextView ，第一個顯示黑色字體的“超文本”，第二個顯示紅色字體的“http://www.baidu.com”，然給給第二個TextView添加一個點擊事件。

想想，確實可以這么實現，對於一般情況可以

但是，文本長度過長的情況下呢，會出現第二個TextView未能一行顯示的文本會換行，但是不是在第二行的一開始

 

  而你希望的效果是   

 

----------------------------------------------------------------------------------------------

顯然用兩個TextView 不好實現，那么如果使用一個TextView實現一段文字，既可以有不同的顏色，也可以實現一段文字不同部分的文字有點擊事件呢？

首先，我們必須知道SpannableString 類可以實現同一個TextView不同部分的顏色不同，

不會的可以先去學習下：(轉) SpannableString與SpannableStringBuilder

既然我們知道了如何實現一個TextView顯示不同的顏色，那么還有一個問題就是如何實現點擊 同一個TextView不同部分的文字進行相應的響應操作

現在就學習：

ClickableSpan

源碼很短，直接貼出，我加上個人翻譯，大家看看吧：

/**
 * If an object of this type is attached to the text of a TextView
 * with a movement method of LinkMovementMethod, the affected spans of
 * text can be selected.  If clicked, the {@link #onClick} method will
 * be called.  
　如果這個TextView使用了.setMovementMethod()方法，那么這部分setSpan()的文本部分可以被選擇，如果點擊了，會執行onClick()接口回調方法
 */
public abstract class ClickableSpan extends CharacterStyle implements UpdateAppearance {
    /**
     * Performs the click action associated with this span.
     */
    public abstract void onClick(View widget);  
    /**
     * Makes the text underlined and in the link color.
     */
    @Override
    public void updateDrawState(TextPaint ds) {
        ds.setColor(ds.linkColor);            //設置可以點擊文本部分的顏色
        ds.setUnderlineText(true);            //設置該文本部分是否顯示超鏈接形式的下划線
    }
}

可能有點看不懂，但是不用管，會怎么使用就行，那么怎么使用呢？

1、首先源碼里說：

If an object of this type is attached to the text of a TextView
 * with a movement method of LinkMovementMethod,

那么：

對於一個TextView 先必須要使用  TextView.setMovementMethod(LinkMovementMethod.getInstance());

給一個TextView設置這個屬性有什么用呢？ 其實就是給這個TextView實現超鏈接效果，不設置當然就沒有點擊事件了

2、源碼里又說：

the affected spans of
 * text can be selected.  If clicked, the {@link #onClick} method will
 * be called.  

那么就是說你setSpan()部分的文本可以顯示，並且點擊可以實現OnClick（）接口回調

所以你需要寫一個類來實現ClickableSpan 

並且  .setSpan(繼承ClickableSpan的類,對應效果的開始位置,對應效果的結束位置, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

----------------------------------------------------------------------------------------------

讓我們通過一個Demo來學習 ClickableSpan 的使用：

1、首選 自定義一個類繼承ClickableSpan

class MyClickText extends ClickableSpan{
        private Context context;

        public MyClickText(Context context) {
            this.context = context;
        }

        @Override
        public void updateDrawState(TextPaint ds) {
            super.updateDrawState(ds);
            //設置文本的顏色
            ds.setColor(Color.RED);
            //超鏈接形式的下划線，false 表示不顯示下划線，true表示顯示下划線
            ds.setUnderlineText(false);
        }

        @Override
        public void onClick(View widget) {
            Toast.makeText(context,"發生了點擊效果",Toast.LENGTH_SHORT).show();
        }
    }

 

2、對TextView進行操作

 　　　　private TextView clicktext;
        clicktext = (TextView) findViewById(R.id.clicktext);
　　　　 
        SpannableString str = new SpannableString("超文本：http://www.baidu.com");
        str.setSpan(new MyClickText(this),4,str.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
　　　　 //當然這里也可以通過setSpan來設置哪些位置的文本哪些顏色
        clicktext.setText(str);
        clicktext.setMovementMethod(LinkMovementMethod.getInstance());//不設置 沒有點擊事件
        clicktext.setHighlightColor(Color.TRANSPARENT); //設置點擊后的顏色為透明

 

大家看到這里，感覺是不是又長知識了，但是細細琢磨，這個類到底有什么實際的使用呢？

在社交類APP中，一般都用類似QQ空間的功能吧，一個頁面以列表的形式顯示所有的動態（說說），每一個動態（說說）里又對應着相應的評論

 

      那么我們是不是可以用ClickableSpan類來實現 一個TextView顯示不同顏色的文字並且點擊相應的位置會有對應的響應事件的效果呢

　　問題來了，我們Demo中確定了一個TextView從哪些位置到哪些位置是有顏色或者點擊事件的，但是實際項目中，我們並不確定 評論人 和 被評論人的 用戶昵稱的長度，那么該怎么辦呢 ?  -- > QQ空間實現（一）—— 展示說說中的評論內容並有相應點擊事件