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

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

超文本：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從哪些位置到哪些位置是有顏色或者點擊事件的，但是實際項目中，我們並不確定 評論人 和 被評論人的 使用者暱稱的長度，那麼該怎麼辦呢，下一篇部落格在介紹吧。