需求原因
最近工作中遇到一個需求,后來通過查找相關的資料終于解決了,索性記錄下來分享給大家,需要的朋友們可以參考學習。
該需求如下:
**產品說,我們要實現問答功能,答案內的鏈接要使用內置的瀏覽器打開。
**視覺說,我們要給超鏈接標上我們自己的顏色。
如圖:

下面我們分析下如何實現。
使用Html
常規方法,給定一段標準html文檔,使用Html.fromHtml()封裝,直接使用TextView顯示。
TextView textView = (TextView) findViewById(R.id.detailed_question_tv_answer);String testString ="親,一般遇到這問題您可以這樣哦:<br>1.可以<font color='#ff8785'><a href='http://m.kaola.com'>催發貨</a></font>哦~<br>2.然后耐心等待哦~<br>3.1-3天后新也可以撥打我們的客服.";textView.setMovementMethod(LinkMovementMethod.getInstance());// 設置鏈接顏色textView.setLinkTextColor(getResources().getColor(R.color.red_ff8785));Spanned htmlString = Html.fromHtml(testString);textView.setText(htmlString);
使用常規方法無論怎么設置,鏈接都會使用隱式Intent打開,即使用外部的瀏覽器打開,不符合咱們產品的需求呀。怎么才能監聽這個使用并使用內部WebView打開呢?使用SpannableStringBuilder。
使用SpannableStringBuilder
直接上代碼。
TextView textView = (TextView) findViewById(R.id.detailed_question_tv_answer);String testString = "親,一般遇到這問題您可以這樣哦:<br>1.可以<font color='#ff8785'><a href='http://m.kaola.com'>催發貨</a></font>哦~<br>2.然后耐心等待哦~<br>3.1-3天后新也可以撥打我們的客服.";textView.setMovementMethod(LinkMovementMethod.getInstance());textView.setLinkTextColor(getResources().getColor(R.color.red_ff8785));String linkText = "催發貨";int startIndexOfLink = testString.indexOf(linkText);int endIndexOfLink = startIndexOfLink + linkText.length();SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder(testString);spannableStringBuilder.setSpan(new ClickableSpan() { @Override public void onClick(View widget) { ActivityUtils.startWebviewActivity(DetailedQuestionActivity.this, "http://m.kaola.com", false); }}, startIndexOfLink, endIndexOfLink, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);textView.setText(spannableStringBuilder);當然,這個方法是有很大的局限性的,必須知道鏈接在文案中的具體位置,以及鏈接的地址才能夠使用這種方法。按照這種思路,我們必須使用正則表達式獲取對應的a標簽才能得到鏈接。這種方法拿到的鏈接在文案中的具體位置是難以把握的,很有可能出錯。
Html + SpannableStringBuilder
有沒有第三種方法,即能夠解析到給定文案中的所有Html標簽,又能夠使用內置的WebView打開這個鏈接?從第一種方法中,我們直接使用Html.fromHtml()方法拿到對應的Spanned結果,我們可以從這里入手,看看這個方法是怎么解析html標簽的
public static Spanned fromHtml(String source, ImageGetter imageGetter, TagHandler tagHandler) { // 使用org.ccil.cowan.tagsoup.Parser作為解析器 Parser parser = new Parser(); try { parser.setProperty(Parser.schemaProperty, HtmlParser.schema); } catch (org.xml.sax.SAXNotRecognizedException e) { // Should not happen. throw new RuntimeException(e); } catch (org.xml.sax.SAXNotSupportedException e) { // Should not happen. throw new RuntimeException(e); } // 使用HtmlToSpannedConverter將Ttml轉換成Spanned HtmlToSpannedConverter converter = new HtmlToSpannedConverter(source, imageGetter, tagHandler, parser); return converter.convert();} 接下來看一下HtmlToSpannedConverter.convert()這個方法。HtmlToSpannedConverter實現了ContentHandler接口,ContentHandler用于處理Xml文檔的解析細節。
public Spanned convert() { mReader.setContentHandler(this); try { mReader.parse(new InputSource(new StringReader(mSource))); } catch (IOException e) { // We are reading from a string. There should not be IO problems. throw new RuntimeException(e); } catch (SAXException e) { // TagSoup doesn't throw parse exceptions. throw new RuntimeException(e); } // Fix flags and range for paragraph-type markup. Object[] obj = mSpannableStringBuilder.getSpans(0, mSpannableStringBuilder.length(), ParagraphStyle.class); for (int i = 0; i < obj.length; i++) { int start = mSpannableStringBuilder.getSpanStart(obj[i]); int end = mSpannableStringBuilder.getSpanEnd(obj[i]); // If the last line of the range is blank, back off by one. if (end - 2 >= 0) { if (mSpannableStringBuilder.charAt(end - 1) == '/n' && mSpannableStringBuilder.charAt(end - 2) == '/n') { end--; } } if (end == start) { mSpannableStringBuilder.removeSpan(obj[i]); } else { mSpannableStringBuilder.setSpan(obj[i], start, end, Spannable.SPAN_PARAGRAPH); } } return mSpannableStringBuilder;} 我們關心Html是如何被轉換成Spanned就夠了。在整個解析Html的過程中,是通過SpannableStringBuilder.setSpan(Object what, int start, int end, int flags)這個方法不斷進行Html->Spanned轉換的。例如,遇到一個a標簽,則會通過下邊的方法設置一個Span,在SpannabbleStringBuilder內部,Span用一個數組表示,是可以累加的。
// 遇到a標簽頭private static void startA(SpannableStringBuilder text, Attributes attributes) { String href = attributes.getValue("", "href"); int len = text.length(); text.setSpan(new Href(href), len, len, Spannable.SPAN_MARK_MARK);}// a標簽結束private static void endA(SpannableStringBuilder text) { int len = text.length(); Object obj = getLast(text, Href.class); int where = text.getSpanStart(obj); text.removeSpan(obj); if (where != len) { Href h = (Href) obj; if (h.mHref != null) { text.setSpan(new URLSpan(h.mHref), where, len, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); } }}可以看到a標簽的轉換方法,實際上,a標簽最后被轉換成了一個URLSpan。
看到這里,思路就來了!實際上,Html.fromHtml()方法最后轉換成的對象是一個SpannableStringBuilder,我們可以拿到這個對象的引用,然后獲取所有的URLSpan,最后把這些URLSpan全部轉換成可以監聽的事件不就實現了嗎?實際上并沒有這么簡單,URLSpan是一個類,繼承自ClickableSpan,覆蓋了其中的onClick(View)方法:
public class URLSpan extends ClickableSpan implements ParcelableSpan { private final String mURL; public URLSpan(String url) { mURL = url; } public URLSpan(Parcel src) { mURL = src.readString(); } public int getSpanTypeId() { return TextUtils.URL_SPAN; } public int describeContents() { return 0; } public void writeToParcel(Parcel dest, int flags) { dest.writeString(mURL); } public String getURL() { return mURL; } @Override public void onClick(View widget) { Uri uri = Uri.parse(getURL()); Context context = widget.getContext(); Intent intent = new Intent(Intent.ACTION_VIEW, uri); intent.putExtra(Browser.EXTRA_APPLICATION_ID, context.getPackageName()); context.startActivity(intent); }} 這里已經默認使用了隱式Intent的方式打開Uri。我們不能直接改變URLSpan類的實現方式,但可以繼承這個類并覆蓋掉它的onClick(View)方法,或者直接繼承ClickableSpan。但是,這樣還是會有問題,原先的URLSpan早就在解析的時候存在于SpannableStringBuilder中的,我們需要先移除對應的URLSpan,然后再設置自己實現的新的ClickableSpan就可以了。
具體代碼如下:
public static SpannableStringBuilder setTextLinkOpenByWebView(final Context context, String answerString) { if (!TextUtils.isEmpty(answerString)) { Spanned htmlString = Html.fromHtml(answerString); if (htmlString instanceof SpannableStringBuilder) { SpannableStringBuilder spannableStringBuilder = (SpannableStringBuilder) htmlString; // 取得與a標簽相關的Span Object[] objs = spannableStringBuilder.getSpans(0, spannableStringBuilder.length(), URLSpan.class); if (null != objs && objs.length != 0) { for (Object obj : objs) { int start = spannableStringBuilder.getSpanStart(obj); int end = spannableStringBuilder.getSpanEnd(obj); if (obj instanceof URLSpan) { //先移除這個Span,再新添加一個自己實現的Span。 URLSpan span = (URLSpan) obj; final String url = span.getURL(); spannableStringBuilder.removeSpan(obj); spannableStringBuilder.setSpan(new ClickableSpan() { @Override public void onClick(View widget) { ActivityUtils.startWebviewActivity(context, url, true); } }, start, end, Spanned.SPAN_INCLUSIVE_EXCLUSIVE); } } } return spannableStringBuilder; } } return new SpannableStringBuilder(answerString);}總結
TextView真的是Android里最強大的組件之一,復雜度很高,源碼甚至比Activity還要多。正確的使用TextView具有意想不到的效果~文中為了解決TextView組件中的超鏈接使用App自帶的WebView打開這個問題進行了一次探討,最終通過hook拿到URLSpan,移除它并實現自己的ClickableSpan,最終解決問題。好了,以上就是這篇文章的全部內容了,希望本文的內容對各位Android開發們能帶來一定的幫助,如果有疑問大家可以留言交流。
新聞熱點
疑難解答