最近做到這樣一個需求,服務(wù)端返回一段html文案,里面文字是部分可點擊的,而且點擊后需要跳轉(zhuǎn)到h5頁面。咋一聽,感覺很簡單呀,調(diào)用一下Html中的fromHtml方法不是分分鐘解決了么。
初步嘗試
以“<a href="www.baidu.com">百度<a>一下,你就<font color="#0099ff">知道</font>”為例:
出來的效果是這樣的:

這里注意要給textView設(shè)置MovementMethod,如下所示:
textView.setMovementMethod(LinkMovementMethod.getInstance());
好了,現(xiàn)在百度兩個字已經(jīng)可以點擊了,一點,確實可以跳轉(zhuǎn),不過跳到了系統(tǒng)自帶的瀏覽器里。這里當然需要做一些處理,畢竟用戶在你家App里用著用著,跳到系統(tǒng)的瀏覽器去了,勢必會影響后面的流程。
直觀的方案
那么這里該如何來處理呢,首先想到的一個方案就是,既然系統(tǒng)默認會跳轉(zhuǎn)到自帶的瀏覽器,那我們索性不用fromHtml方法了,直接將Html中的各個標簽解析處理,再通過SpannableString設(shè)置對應(yīng)處的點擊事件和顏色顏色樣式就好了。但是這樣做的話開發(fā)成本很大,首先要做標簽的解析,標簽有平行的層級還有嵌套的層級,解析起來可就復(fù)雜了。
能否通過截獲點擊事件來做處理
上面講到過,如果不給textView設(shè)置MoveMentMethod,那么html文本中的鏈接點擊將不會生效,這時我們再給這個textView設(shè)置點擊效果就好啦(跳轉(zhuǎn)鏈接從html中用正則表達式解析出來),但這個方案有兩個問題:1.現(xiàn)在文本是整個可點擊了,而不是局部可點擊(ui大佬要跑來和我撕b了);2.如果文本中有多個地方需要跳轉(zhuǎn)不同鏈接這種方案也實現(xiàn)不了
尋找新思路
在搜索資料后發(fā)現(xiàn),textView設(shè)置html樣式時將點擊樣式解析成了URLSpan,而URLSpan設(shè)置的默認效果是打開系統(tǒng)瀏覽器。這個默認效果我暫時沒想到方法修改,但是可以從這個URLSpan中獲取鏈接,然后創(chuàng)建一個ClickableSpan來處理點擊效果(這些Span是SpannableString中用來設(shè)置各種局部效果的),然后將原來的URLSpan效果去除,這樣就可以自定義點擊效果啦~
代碼如下:


這里自定義了ClickableSpan,去除了默認的下滑線效果。
還有一個要注意的地方是textView必須設(shè)置MovementMethod,不然從textView中獲取的文本就不是Spannable類型的,無法進行后續(xù)的處理。
好了,現(xiàn)在只要修改ClickableCallback接口的onClickableCallback方法的實現(xiàn)就可以自定義點擊以后的邏輯啦,大功告成~
拿個例子測試一下:
<a ><font color = "#ff6699">百度</font></a>......<a ><font color = "#0099ff">搜狗</font></a>
效果如下:

這樣一來,文本內(nèi)容、顏色和鏈接都可以由服務(wù)端控制啦,上線以后想調(diào)整就很方便了,不用再等客戶端下次發(fā)版!