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

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

這麼一個效果:一行文本當中 前面顯示黑色顏色的「超文本:」,後面顯示紅色顏色的「http://www.baidu.com」 而且要求紅色字體的部分能夠點擊,有響應的點擊事件進行處理,你該如何實現?ide

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

想一想,確實能夠這麼實現,對於通常狀況能夠學習

可是,文本長度過長的狀況下呢,會出現第二個TextView未能一行顯示的文本會換行,可是不是在第二行的一開始字體

 

  而你但願的效果是   ui

 

----------------------------------------------------------------------------------------------this

顯然用兩個TextView 很差實現,那麼若是使用一個TextView實現一段文字,既能夠有不一樣的顏色,也能夠實現一段文字不一樣部分的文字有點擊事件呢?url

首先,咱們必須知道SpannableString 類能夠實現同一個TextView不一樣部分的顏色不一樣,spa

不會的能夠先去學習下:(轉) 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); //設置該文本部分是否顯示超連接形式的下劃線 } }

可能有點看不懂,可是不用管,會怎麼使用就行,那麼怎麼使用呢?

一、首先源碼裏說:

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實現超連接效果,不設置固然就沒有點擊事件了

二、源碼裏又說:

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 的使用:

一、首選 自定義一個類繼承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();
        }
    }

 

二、對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空間實現(一)—— 展現說說中的評論內容並有相應點擊事件

相關文章
相關標籤/搜索