热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

Android使用内置WebView打开TextView超链接的实现方法

这篇文章主要介绍了Android使用内置WebView打开TextView超链接的实现方法,文中给出了详细的示例代码,对各位Android开发者们具有一定的参考价值,需要的朋友们下面来一起看看吧。

需求原因

最近工作中遇到一个需求,后来通过查找相关的资料终于解决了,索性记录下来分享给大家,需要的朋友们可以参考学习。

该需求如下:

**产品说,我们要实现问答功能,答案内的链接要使用内置的浏览器打开。

**视觉说,我们要给超链接标上我们自己的颜色。

如图:

下面我们分析下如何实现。

使用Html

常规方法,给定一段标准html文档,使用Html.fromHtml()封装,直接使用TextView显示。

TextView textView = (TextView) findViewById(R.id.detailed_question_tv_answer);
String testString =
"亲,一般遇到这问题您可以这样哦:
1.可以催发货哦~
2.然后耐心等待哦~
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 =
 "亲,一般遇到这问题您可以这样哦:
1.可以催发货哦~
2.然后耐心等待哦~
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 = 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开发们能带来一定的帮助,如果有疑问大家可以留言交流。


推荐阅读
  • 当前,众多初创企业对全栈工程师的需求日益增长,但市场中却存在大量所谓的“伪全栈工程师”,尤其是那些仅掌握了Node.js技能的前端开发人员。本文旨在深入探讨全栈工程师在现代技术生态中的真实角色与价值,澄清对这一角色的误解,并强调真正的全栈工程师应具备全面的技术栈和综合解决问题的能力。 ... [详细]
  • 作为一名在大型手机游戏公司工作的程序员,尽管主要负责游戏逻辑和内容的开发,但对iOS底层开发接触较少。现在有了iPhone和可以虚拟MAC环境的电脑,希望能找到有效的iOS开发学习路径。 ... [详细]
  • ListView简单使用
    先上效果:主要实现了Listview的绑定和点击事件。项目资源结构如下:先创建一个动物类,用来装载数据:Animal类如下:packagecom.example.simplelis ... [详细]
  • 本文详细介绍了Java中实现异步调用的多种方式,包括线程创建、Future接口、CompletableFuture类以及Spring框架的@Async注解。通过代码示例和深入解析,帮助读者理解并掌握这些技术。 ... [详细]
  • 本文详细介绍了 Android 开发中 layout_gravity 属性的使用方法及其在不同布局下的效果,旨在帮助开发者更好地理解和利用这一属性来精确控制视图的布局。 ... [详细]
  • Web App vs Native App:未来的移动应用趋势
    随着移动互联网的发展,Web App和Native App之间的竞争日益激烈。对于开发者而言,选择哪一种技术路径更为明智?本文将深入探讨两种应用模式的特点及未来趋势。 ... [详细]
  • 在开发一款应用程序时,我需要向用户提供一系列URL列表。为了提高用户体验,计划根据Wi-Fi状态预先加载这些URL,以便用户在点击时能够迅速访问内容,特别是在连接到Wi-Fi的情况下。 ... [详细]
  • 本文将介绍如何在混合开发(Hybrid)应用中实现Native与HTML5的交互,包括基本概念、学习目标以及具体的实现步骤。 ... [详细]
  • 本文探讨了在安卓设备上的微信H5环境中,如何解决长按图片时无法保存或分享Base64编码图片及Blob形式图片的问题,并提供了有效的解决方案。 ... [详细]
  • 如何在UIWebView中加载本地图片
    本文详细介绍了如何在UIWebView中加载本地图片的方法,这对于需要在应用内展示静态页面和富文本内容的场景非常有用。 ... [详细]
  • Flutter 核心技术与混合开发模式深入解析
    本文深入探讨了 Flutter 的核心技术,特别是其混合开发模式,包括统一管理模式和三端分离模式,以及混合栈原理。通过对比不同模式的优缺点,帮助开发者选择最适合项目的混合开发策略。 ... [详细]
  • 本文探讨了在UIScrollView上嵌入Webview时遇到的一个常见问题:点击图片放大并返回后,Webview无法立即滑动。我们将分析问题原因,并提供有效的解决方案。 ... [详细]
  • 本文详细介绍了 Android WebView 中 setInitialScale 方法的使用及其重要性。通过设置不同的缩放比例,可以确保网页在不同分辨率的设备上显示最佳效果。 ... [详细]
  • 本文详细解析了 Yii2 框架中视图和布局的各种函数,并综述了它们在实际开发中的应用场景。通过深入探讨每个函数的功能和用法,为开发者提供了全面的参考,帮助他们在项目中更高效地利用这些工具。 ... [详细]
  • 深入对话上海视九叶文鑫:HTML5技术引领智能电视新趋势
    深入对话上海视九叶文鑫:HTML5技术引领智能电视新趋势 ... [详细]
author-avatar
suibian
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有