Android如何通过TextView实现超链接的跳转

最新推荐文章于 2025-03-12 09:05:15 发布
最新推荐文章于 2025-03-12 09:05:15 发布
阅读量9.5k 收藏 15
点赞数 3
分类专栏： Android“杂货铺” 文章标签： Android如何通过TextView实现超链接的跳转

前段时间在开发群里看到有人问android的TextView该如何自定义超链接的跳转，如：有字符串“使用该软件，即表示您同意该软件的使用条款和隐私政策”，现希望当点击“使用条款”或“隐私政策”时可以跳转到相应的说明页面，我还记得当时有一大堆人在讨论然后提了一大堆的方法，比如：用多个TextView组合，给相应的TextView添加点击事件、给TextView添加autoLink属性、通过给相应的内容添加<a></a>标签、借助Spannable类、Linkfy类等等，当然最后提问者采用哪种方法我就不得而知了，我呢也刚好最近几天比较有空，然后翻了下Api文档，于是通过几个晚上的总结形成了今天的这篇博客，内容比较多，还望大家能够耐心点，相信大家看完肯定对TextView的各种超链接的跳转及实现水到渠来。

1）autoLink属性

对TextView属性比较熟悉的开发者应该都知道TextView有一个叫做autoLink的属性可以将符合指定格式的文本转换为可单击的超链接形式，在帮助文档中也可以发现Android给我们提供了如下几种格式：

1、none：表示不进行任何匹配，默认；

2、Web：表示匹配Web Url，如：内容中的http://www.baidu.com会成为可单击跳转的超链接；

3、Email：表示匹配邮件地址：如：邮件地址为hello@com.cn会成为可单击的超链接；

4、Phone：表示匹配电话号码：如：点击号码10086会跳到拨号界面；

5、Map：表示匹配地图地址；

6、All：表示将会匹配web、email、phone、map；

为了验证android给我们提供的几种格式，我在布局中添加了几个TextView并且分别设置了autoLink属性及相应的值，运行程序后可以发现，内容中符合格式的都带上了下划线并且有相应的颜色，如下所示：

 

1）拦截超链接

虽然通过设置autoLink属性可以符合格式的文本转换为可单击的超链接形式，但是，有一点需要注意的是，当点击web地址时打开后跳转的是手机自带的浏览器，如果希望点击web地址时可以跳转到应用本身的一个WebView界面，那么此时又该如何实现呢？如果不知道怎么实现的话，我们可以点击TextView进去查看一下TextView的源码看一下autoLink的是如何实现的，通过ctrl+f查找autoLink可以发现如下代码：

 

 

  1. case com.android.internal.R.styleable.TextView_autoLink:

  2. mAutoLinkMask = a.getInt(attr, 0);

  3. break;

继续通过ctrl+f查找mAutoLinkMask变量可以发现setText方法中有如下代码：

 

 

 

  1. if (mAutoLinkMask != 0) {

  2. Spannable s2;

  3.  

  4. if (type == BufferType.EDITABLE || text instanceof Spannable) {

  5. s2 = (Spannable) text;

  6. } else {

  7. s2 = mSpannableFactory.newSpannable(text);

  8. }

  9.  

  10. if (Linkify.addLinks(s2, mAutoLinkMask)) {

  11. text = s2;

  12. type = (type == BufferType.EDITABLE) ? BufferType.EDITABLE : BufferType.SPANNABLE;

  13.  

  14. /*

  15. * We must go ahead and set the text before changing the

  16. * movement method, because setMovementMethod() may call

  17. * setText() again to try to upgrade the buffer type.

  18. */

  19. mText = text;

  20.  

  21. // Do not change the movement method for text that support text selection as it

  22. // would prevent an arbitrary cursor displacement.

  23. if (mLinksClickable && !textCanBeSelected()) {

  24. setMovementMethod(LinkMovementMethod.getInstance());

  25. }

  26. }

  27. }

在代码中可以看到有一个if (Linkify.addLinks(s2, mAutoLinkMask))的判断，点击进去可以发现Linkify.addLinks方法别有洞天，代码如下所示：

 

 

 

  1. public static final boolean addLinks(Spannable text, int mask) {

  2. if (mask == 0) {

  3. return false;

  4. }

  5.  

  6. URLSpan[] old = text.getSpans(0, text.length(), URLSpan.class);

  7.  

  8. for (int i = old.length - 1; i >= 0; i--) {

  9. text.removeSpan(old[i]);

  10. }

  11.  

  12. ArrayList<LinkSpec> links = new ArrayList<LinkSpec>();

  13.  

  14. if ((mask & WEB_URLS) != 0) {

  15. gatherLinks(links, text, Patterns.WEB_URL,

  16. new String[] { "http://", "https://", "rtsp://" },

  17. sUrlMatchFilter, null);

  18. }

  19. ......此处省略若干省略若干行代码

  20. for (LinkSpec link: links) {

  21. applyLink(link.url, link.start, link.end, text);

  22. }

  23.  

  24. return true;

  25. }

然后我们点击进到applyLink方法中可以看到有如下实现：

 

 

 

  1. private static final void applyLink(String url, int start, int end, Spannable text) {

  2. URLSpan span = new URLSpan(url);

  3. text.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

  4. }

如果大家对里面的其它方法比较感兴趣的话也可以一一点击进去查看相应的实现，我这里就不再一一介绍了，额，貌似有点扯远了，我们回到正题，总之在经过一系列的翻阅跟TextView相关的源码和帮助文档后，发现我们可以通过借助Spannable来获取URLSpan数组然后可以通过遍历获取所有的url地址，最后通过给Spannable设置自定义的ClickableSpan来进行跳转，MainActivity的主要代码如下所示：

 

 

 

  1. public class MainActivity extends AppCompatActivity {

  2.  

  3. private TextView tv_content;

  4. @Override

  5. protected void onCreate(Bundle savedInstanceState) {

  6. super.onCreate(savedInstanceState);

  7. setContentView(R.layout.activity_main);

  8. tv_content = (TextView) findViewById(R.id.tv_content);

  9. interceptHyperLink(tv_content);

  10. }

  11.  

  12. /**

  13. * 拦截超链接

  14. * @param tv

  15. */

  16. private void interceptHyperLink(TextView tv) {

  17. tv.setMovementMethod(LinkMovementMethod.getInstance());

  18. CharSequence text = tv.getText();

  19. if (text instanceof Spannable) {

  20. int end = text.length();

  21. Spannable spannable = (Spannable) tv.getText();

  22. URLSpan[] urlSpans = spannable.getSpans(0, end, URLSpan.class);

  23. if (urlSpans.length == 0) {

  24. return;

  25. }

  26.  

  27. SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder(text);

  28. // 循环遍历并拦截 所有http://开头的链接

  29. for (URLSpan uri : urlSpans) {

  30. String url = uri.getURL();

  31. if (url.indexOf("http://") == 0) {

  32. CustomUrlSpan customUrlSpan = new CustomUrlSpan(this,url);

  33. spannableStringBuilder.setSpan(customUrlSpan, spannable.getSpanStart(uri),

  34. spannable.getSpanEnd(uri), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

  35. }

  36. }

  37. tv.setText(spannableStringBuilder);

  38. }

  39. }

  40. }

自定义ClickableSpan子类的CustomUrlSpan的主要代码如下所示：

 

 

 

  1. public class CustomUrlSpan extends ClickableSpan {

  2.  

  3. private Context context;

  4. private String url;

  5. public CustomUrlSpan(Context context,String url){

  6. this.context = context;

  7. this.url = url;

  8. }

  9.  

  10. @Override

  11. public void onClick(View widget) {

  12. // 在这里可以做任何自己想要的处理

  13. Intent intent = new Intent(context,WebViewActivity.class);

  14. intent.putExtra(WebViewActivity.WEB_URL,url);

  15. context.startActivity(intent);

  16. }

  17. }

在CustomUrlSpan类的onClick方法中进行跳转时用到的WebViewActivity代码这里就不再贴出来，主要就是一个用来加载网页的WebView，如果有需要的可以在文章末尾下载源码查看；

 

2）去除超链接的下划线

众所周知，超链接都带有一条下划线表示可点击的，那么如果想去除超链接的下划线又该如何实现呢？既然下划线是用来表示可点击的，那么就说明跟点击事件有关，从上面拦截超链接的实现中知道点击超链接进行跳转是借助ClickableSpan类实现的，进到ClickableSpan类中可以发现该类出奇的简单，如下所示：

 

从源码中可以发现，超链接中的下划线是通过TextPaint的setUnderlineText方法来实现的，也就是说如果我们想去除超链接中的下划线的话可以通过自定义一个继承自ClickableSpan的类然后重写其updateDrawState方法，在该方法中将TextPaint的setUnderlineText方法设为false，最后再将该自定义的ClickableSpan设置到的相应的TextView中即可，原则上来说通过自定义一个继承自ClickableSpan的类是可以去除超链接的下划线，但是，在这里我将使用跟ClickableSpan类似的一个类UnderlineSpan来实现，至于原因想必大家看类名就很容易知道了。

1）首先自定义一个继承自UnderlineSpan类的NoUnderlineSpan类并重写父类的updateDrawState方法，然后在该方法中将TextPaint的setUnderlineText方法设为false，主要代码如下：

 

 

  1. public class NoUnderlineSpan extends UnderlineSpan {

  2.  

  3. @Override

  4. public void updateDrawState(TextPaint ds) {

  5. ds.setUnderlineText(false);

  6. }

  7. }

2）在需要去除超链接下划线的Activity中的相应TextView后设置如下内容：

 

 

 

  1. private void removeHyperLinkUnderline(TextView tv) {

  2. CharSequence text = tv.getText();

  3. if(text instanceof Spannable){

  4. Log.i("test","true");

  5. Spannable spannable = (Spannable) tv.getText();

  6. NoUnderlineSpan noUnderlineSpan = new NoUnderlineSpan();

  7. spannable.setSpan(noUnderlineSpan,0,text.length(), Spanned.SPAN_MARK_MARK);

  8. }

  9. }

运行后效果如下所示：

 

2）自定义链接

除了以上通过添加autoLink属性并设置web值实现超链接以外，android还给我们提供了一个Linkify类来自定义超链接，并且从帮助文档中可以看出Linkify还提供了一大堆添加自定义模式的方法，如下所示：

这里为了方便，暂且用有3个参数的构造方法即最后一个，其中第一个参数TextView即需要自定义模式的对象，第二个参数Pattern表示自己定义的用来匹配第一个参数TextView中内容的正则表达式，最后一个参数Scheme我理解为当点击自定义链接时跳转的界面，如：在布局文件中新增一个TextView并设置一些默认的内容，然后在代码如下通过如下方式设置自定义链接：

 

 

  1. TextView tv_customHyperLink = (TextView) findViewById(R.id.tv_customHyperLink);

  2. //配置的正则表达式

  3. Pattern p = Pattern.compile("abc://\\S*");

  4. Linkify.addLinks(tv_customHyperLink, p, "abc");

为了当点击自定义链接时点击能够响应，在这里我新建了一个TargetActivity类专门用来处理响应，但是有一点需要注意是需要在AndroidManifest清单文件中相应的activity节点下添加如下代码：

 

 

 

  1. <activity android:name=".TargetActivity">

  2. <intent-filter>

  3. <action android:name="android.intent.action.VIEW"/>

  4. <!--隐式调用时，必须声明类别-->

  5. <category android:name="android.intent.category.DEFAULT"/>

  6. <!--必须和代码中设置scheme一样-->

  7. <data android:scheme="abc"/>

  8. </intent-filter>

  9. </activity>

此时，运行程序，当点击自定义链接时便会跳转到能够响应的scheme为“abc”的界面中：

 

点击链接跳转后的页面为：

当然，我们也可以通过这种方法实现上面所实现的拦截超链接的功能，这里就不再详细说明了，另外，当一个TextView即需要使用内置模式又需要使用自定义模式时必须先声明内置模式然后再声明自定义模式，并且经测试发现：不能在xml布局文件中通过autoLink属性来声明内置模式，否则自定义模式不起作用，据说是因为：在设置内置模式时会先删除已有的模式，那么此时就只能通过在代码中设置了，主要代码如下所示：

 

 

  1. //多种模式

  2. TextView tv_multiHyperLink = (TextView) findViewById(R.id.tv_multiHyperLink);

  3. Linkify.addLinks(tv_multiHyperLink,Linkify.PHONE_NUMBERS);

  4. Pattern pattern = Pattern.compile("abc://\\S*");

  5. Linkify.addLinks(tv_multiHyperLink, pattern, "abc");

 

运行程序，结果如下所示：

3）借助Html实现文字的超链接

细心的你们也许会发现以上都是对一些链接进行的操作，当然你们也许会说可以通过自定义链接的形式对指定的文字进行正则匹配来实现，但是通过正则匹配中文的话应该比较难实现吧，所以，我们可以通过类似于html中超链接（即a标签）的方式来实现，考虑到字符串的来源及格式，于是总结出了比较常用的以下3种，主要代码如下所示：

 

 

  1. //通过html的形式实现超链接

  2. String csdnLink1 = "<a href=\"http://blog.youkuaiyun.com/zhangjinhuang\">我的优快云博客</a>";

  3. TextView tv_html1 = (TextView) findViewById(R.id.tv_html1);

  4. tv_html1.setText(Html.fromHtml(csdnLink1));

  5. //设置超链接可点击

  6. tv_html1.setMovementMethod(LinkMovementMethod.getInstance());

  7.  

  8. String csdnLink2 = "http://blog.youkuaiyun.com/zhangjinhuang我的优快云博客";

  9. TextView tv_html2 = (TextView) findViewById(R.id.tv_html2);

  10. tv_html2.setText(Html.fromHtml(csdnLink2));

  11. //设置超链接可点击

  12. tv_html2.setMovementMethod(LinkMovementMethod.getInstance());

  13.  

  14. String csdnLink3 = getResources().getString(R.string.csdn);

  15. TextView tv_html3 = (TextView) findViewById(R.id.tv_html3);

  16. tv_html3.setText(Html.fromHtml(csdnLink3));

  17. //设置超链接可点击

  18. tv_html3.setMovementMethod(LinkMovementMethod.getInstance());

运行程序后可以发现只有第一种的写法才能被Html的fromHtml方法格式化为超链接，如下所示：

 

4）借助SpannableString定制超链接的跳转

在上面我们通过Html类的fromHtml方法来格式化a标签中的内容从而实现文字的超链接，但是依旧还是跟web地址关联在一起，也就是说如果只是单纯的点击某个文字然后跳转到指定某个界面的话还是无法实现的，因此，在这里我将通过SpannableString类来实现类似文章开头谈到的 当点击“使用该软件，即表示您同意该软件的使用条款和隐私政策”，中的“使用条款”或“隐私政策”时可以跳转到相应的说明页面的功能。相信很多人都对SpannableString并不陌生，因为当想让一个字符串中的指定字符变大或者改变颜色再或者设置下划线等时都需要借助该类来实现，其实在一开始讲解“拦截超链接”时就已经使用了相应的功能了，但是在这里还是通过代码来着重的实现一下，首先对相应的TextView进行如下设置：

 

 

  1. //借助SpannableString类实现超链接文字

  2. tv_customMultiHyperLink = (TextView) findViewById(R.id.tv_customMultiHyperLink);

  3. tv_customMultiHyperLink.setText(getClickableSpan());

  4. //设置超链接可点击

  5. tv_customMultiHyperLink.setMovementMethod(LinkMovementMethod.getInstance());

其中getClickableSpan方法的主要代码如下所示：

 

 

 

  1. /**

  2. * 获取可点击的SpannableString

  3. * @return

  4. */

  5. private SpannableString getClickableSpan() {

  6. SpannableString spannableString = new SpannableString("使用该软件，即表示您同意该软件的使用条款和隐私政策");

  7. //设置下划线文字

  8. spannableString.setSpan(new UnderlineSpan(), 16, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

  9. //设置文字的单击事件

  10. spannableString.setSpan(new ClickableSpan() {

  11. @Override

  12. public void onClick(View widget) {

  13. Toast.makeText(MainActivity.this,"使用条款",Toast.LENGTH_SHORT).show();

  14. }

  15. }, 16, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

  16. //设置文字的前景色

  17. spannableString.setSpan(new ForegroundColorSpan(Color.RED), 16, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

  18.  

  19. //设置下划线文字

  20. spannableString.setSpan(new UnderlineSpan(), 21, 25, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

  21. //设置文字的单击事件

  22. spannableString.setSpan(new ClickableSpan() {

  23. @Override

  24. public void onClick(View widget) {

  25. Toast.makeText(MainActivity.this,"隐私政策",Toast.LENGTH_SHORT).show();

  26. }

  27. }, 21, 25, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

  28. //设置文字的前景色

  29. spannableString.setSpan(new ForegroundColorSpan(Color.RED), 21, 25, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

  30. return spannableString;

  31. }

运行程序，可以看到想要实现的文字超链接已经实现了，为了方便，这里当点击相应的文字时通过弹出相应的提示来说明，如下所示：

 

 

源码下载

Android 中使用SpannableString实现TextView文本超链接跳转功能
路宇的博客
08-10 2245
应用场景： 现在基本上每款APP登录注册页面，都会有这段文本，使用该软件，即表示您同意该软件的使用条款和隐私政策，现希望当点击“使用条款”或“隐私政策”时可以跳转到相应的说明页面。这个时候就需要用到SpannableString富文本，实现点击文本跳转的功能。 SpannableString可以通过使用setSpan方法实现字符串各种形式风格的显示。 1.使用setText设置字体 tv_privacy.setText(getClickableSpan()); //设置文本可点 tv_privacy.set
Android使用TextView实现无下划线超链接
germanyli1979的专栏
06-26 476
Android使用TextView实现无下划线超链接 Android系统默认把网址、电话、地图(geo地址)、邮箱等转换为超链接。 具体请查看android:TextView设置文本样式和超链接 和HTML中的一样，默认超链接都带下划线的，下面的方案可以在TextView中去掉超链接的下划线： 1、重写ClickableSpan类来去掉下划线样式（系统默认使用ClickableSpan
Android UI 组件系列（一）：TextView 使用详解与常见属性
最新发布
weixin_39339407的博客
03-12 1213
TextView 是 Android 开发中非常常用的 UI 组件，它不仅支持基本的文本显示，还提供了许多强大的功能和灵活的自定义选项。从简单的文本设置到图文混排、字体样式、阴影效果、富文本、HTML 渲染等，TextView 都能够满足大多数界面展示需求。掌握 TextView 的常见属性和高级特性，可以帮助开发者更加高效地设计和实现复杂的用户界面，使应用界面更加丰富和多样化。
android中用Spannable在TextView中设置超链接、颜色、字体
热门推荐
yqyiqun的专栏
07-09 1万+
<!-- .pcb {margin-right:0} --> 　　要给 TextView 加上效果，方式主要有几种： 　　第一种，自动应用效果，使用 android:autolink 属性，如： 　　Java代码 　　android:id="@+id/text1"    　　android:layout_wid
android textview 超链接
weixin_33963594的博客
12-22 83
引用：http://wang-peng1.iteye.com/blog/563249 String textCo = ""; textCo = "&lt;a href='http://www.baidu.com'&gt;baidu&lt;/a&gt;"; TextView textView = new TextView(mContext); textView.setText(Html.from...
Android中TextView实现部分文字可点击跳转
08-29
Android 中的 TextView 控件可以通过使用 SpannableString 和 ClickableSpan 来实现部分文字可点击跳转的功能。下面是实现的详细介绍： 首先，我们需要创建一个继承自 ClickableSpan 的类，例如 RecordClickSpan。...
android：TextView中的文本链接之--点击链接跳转总结（2种方法+2个实例应用）
weixin_33743661的博客
11-18 347
2019独角兽企业重金招聘Python工程师标准>>> ...
android TextView显示成超链接
weixin_35068077的博客
07-15 290
如何实现在Android中将TextView显示成超链接 1. 整体流程 首先让我们来看一下整个过程的步骤： 步骤 操作 1 创建一个TextView控件 2 将TextView设置为可点击 3 为TextView设置超链接的文本 4 添加点击事件处理 2. 具体步骤 步骤1：创建一个Tex...
Android使用内置WebView打开TextView超链接的实现方法
01-20
需求原因 最近工作中遇到一个需求，后来通过查找相关的资料终于解决了，索性记录下来分享给大家，需要的朋友们可以参考学习。 该需求如下： **产品说，我们要实现问答功能，答案内的链接要使用内置的浏览器打开。 **视觉说，我们要给超链接标上我们自己的颜色。 如图： 下面我们分析下如何实现。 使用Html 常规方法，给定一段标准html文档，使用Html.fromHtml()封装，直接使用TextView显示。 TextView textView = (TextView) findViewById(R.id.detailed_question_tv_answer); String testStri
Android 中TextView 添加超链接
Whatever is worth doing is worth doing well.
07-16 1万+
1、 使用android:autoLink="all" 只需在TextView中加入这个属性，而在TextView里面写的文字中包含网址、电话、email的会自动加入连接地址。  如：  android:id="@+id/text1"  android:layout_width="match_parent"  android:layout_height="match_parent"
Android TextView 超链接
icePhone
07-14 7479
TextView textview; textview = (TextView)findViewById(R.id.textview); // textview.setText(Html.fromHtml("google ")); // textview.setMovementMethod(LinkMovementMethod.get
安卓 textView实现文本超链接
qq_40246759的博客
03-10 706
public abstract class TopicSpanWrapper extends ClickableSpan { protected Context mContext; protected TextView mTextView; /** * @param context * @param tv */ public TopicSpanWrapper(Context context, TextView tv) { mCo
Android TextView中设置超链接
line1213的专栏
06-05 1192
使用android:autoLink="all" 只需在TextView中加入这个属性，而在TextView里面写的文字中包含网址、电话、email的会自动加入连接地址。 具体代码如下： <TextView android:id="@+id/tv_scan_result" android:layout_width="fill_parent"
TextView的超链接
Android唐浮的专栏
12-01 923
先放图。 TextView 中超链接有以下几种方法。 1，自动识别连接 <!-- android:autoLink="web"-设置自动识别链接，值web为匹配Web网址 --> <!--android:autoLink="phone"-设置自动识别链接，值phone为匹配电话号码 --> <!-- ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值