Textview超链接实现方式总结

FreEpm 9年前

来自: http://souly.cn/技术博文/2016/01/29/TextView超链接实现方式总结/

TextView中的超链接可以通过几种方式实现:1.Html.fromHtml,2.Spannable,3.Linkify.addLinks。下面分别进行测试,包括 修改字体样式,下划线样式,点击事件等。

Html.fromHtml方式

TextView,本身就支持部分的Html格式标签。这其中包括常用的字体大小颜色设置,文本链接等。使用起来也比较方便,只需要使用Html类转换一下即可: textView.setText(Html.fromHtml(str));

代码如下:

             public class Test10Activity extends Activity {          TextView textView ;          @Override          protected void onCreate(Bundle savedInstanceState) {              super.onCreate(savedInstanceState);              setContentView(R.layout.activity_test10);              textView = (TextView) findViewById(R.id.text);              String webLinkText = "<a href='https://souly.cn'> html超链接测试</a>" ;              textView.setText(Html.fromHtml(webLinkText));          }      }      

效果如下:

这时候点击超链接并没有跳转效果,需要加上

 textView.setMovementMethod(LinkMovementMethod.getInstance());        </pre>    </div>      

之后才会跳转。 这样点击之后会用默认浏览器打开url。

现在字体颜色和下划线是默认样式,修改字体颜色比较简单,可以直接用标签:

  String webLinkText =            "<font color='#333333'><a href='https://souly.cn' style='text-decoration:none; color:#0000FF'> html超链接测试</a>" ;        </pre>    </div>      

但是想不借助其他类去掉下划线就没有办法了。

还有一种更简单的方法就是在TextView的xml布局中加入autoLink自动识别,这样做操作最简单,但是也不能修改样式:

      <TextView             android:id="@+id/text"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:textSize="20sp"             android:text="souly.cn"             android:autoLink="email|phone|web"             />                 </pre>    </div>      

Spannable方式

在xml中设置了android:autoLink="email|phone|web"后,url文字下面会有一条下划线,我们可以看URLSpan所继承的类ClickableSpan 类的源码,如下:

       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);              }          }           </pre>    </div>      

它调用ds.setUnderlineText(true); 设置了下划线。我们再设置一个没有下划线的Spannable对象就可以了。 我们重写一个类继承UnderlineSpan,和ClickableSpan一样,都是CharacterStyle的子类。

使用方法如下:

 public class Test10Activity extends Activity {      TextView textView ;      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_test10);          textView = (TextView) findViewById(R.id.text);          String webLinkText = "我的博客-->https://souly.cn" ;          textView.setText(webLinkText);          NoUnderlineSpan mNoUnderlineSpan = new NoUnderlineSpan();          if (textView.getText() instanceof Spannable) {              Spannable s = (Spannable) textView.getText();              s.setSpan(mNoUnderlineSpan, 0, s.length(), Spanned.SPAN_MARK_MARK);          }      }      public static class NoUnderlineSpan extends UnderlineSpan {          public NoUnderlineSpan() {}          public NoUnderlineSpan(Parcel src) {}          @Override          public void updateDrawState(TextPaint ds) {              super.updateDrawState(ds);              ds.setUnderlineText(false);          }      }  }         </pre>    </div>      

效果如下:

这样textview在界面上就不会有下划线了,但却保留着autolink的功能。 这个超链接是默认颜色,如果需要改变颜色可以在xml中设置android:textColorLink="#1e84fb", 或者在java代码中设置tv.setLinkTextColor(color);

上面的例子是在autoLink设置的情况下自动识别超链接的,如果不需要自动识别,而是自己手动设置需要跳转的网址, 可以使用以下方法,首先删除xml中的android:autoLink="email|phone|web"

 public class Test10Activity extends Activity {      TextView textView ;      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_test10);          textView = (TextView) findViewById(R.id.text);          String webLinkText = "我的博客" ;          SpannableString text = new SpannableString(webLinkText);          NoUnderlineSpan mNoUnderlineSpan = new NoUnderlineSpan("https://souly.cn") ;          text.setSpan(mNoUnderlineSpan,0,text.length(),Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);          textView.setText(text);          textView.setMovementMethod(LinkMovementMethod.getInstance());      }      public static class NoUnderlineSpan extends URLSpan {          public NoUnderlineSpan(String url) {              super(url);          }          @Override          public void updateDrawState(TextPaint ds) {              super.updateDrawState(ds);              ds.setUnderlineText(false);          }      }  }         </pre>    </div>      

这里的NoUnderlineSpan继承了URLSpan而不是UnderlineSpan,URLSpan是ClickableSpan的子类。

效果图如下:

有的时候我们需要自定义超链接点击事件,例如弹一个Toast,那么重写ClickableSpan:

 public class Test10Activity extends Activity {      TextView textView;      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_test10);          textView = (TextView) findViewById(R.id.text);          String webLinkText = "我的博客";          SpannableString spStr = new SpannableString(webLinkText);          ClickableSpan clickSpan = new NoLineClickSpan(spStr.toString()); //设置超链接          spStr.setSpan(clickSpan, 0, spStr.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);          textView.append(spStr);          textView.setMovementMethod(LinkMovementMethod.getInstance());      }      private class NoLineClickSpan extends ClickableSpan {          String text;          public NoLineClickSpan(String text) {              super();              this.text = text;          }          @Override          public void updateDrawState(TextPaint ds) {              ds.setColor(ds.linkColor);              ds.setUnderlineText(false); //去掉下划线          }          @Override          public void onClick(View widget) {              processHyperLinkClick(text); //点击超链接时调用          }      }      private void processHyperLinkClick(String text){          Toast.makeText(this,text,Toast.LENGTH_SHORT).show();      }  }         </pre>    </div>      

Linkify.addLinks方式

除了使用默认的web等模式之外,我们还可以通过Linkify类的addLinks方法来添加自定义模式。Linkify.addLinks也是功能最 强大的一种方式。

在讲这种方式之前先科普一下Intent Filters的知识。

android中的activity,service,Broadcast Receivers都可以设置intent过滤器,它们可以有一个或多个intent过滤器。 每个过滤器描述组件的一种能力,即告知系统能够处理哪些隐式intent。个显式intent总是能够传递到它的目标组件,不管它包含什么; 不考虑过滤器。但是一个隐式intent,仅当它能够通过组件的过滤器之一才能够传递给它。

一个intent过滤器是一个IntentFilter类的实例。因为Android系统在启动一个组件之前必须知道它的能力,但是intent过滤器通常不在java 代码中设置,而是在应用程序的清单文件(AndroidManifest.xml)中以 元素设置。但有一个例外, 广播接收者的过滤器通过调用Context.registerReceiver()动态地注册,它直接创建一个IntentFilter对象。

一个过滤器有对应于Intent对象的动作、数据、种类的字段。过滤器要检测隐式intent的所有这三个字段,其中任何一个失败, Android系统都不会传递intent给组件。然而,因为一个组件可以有多个intent过滤器,一个intent通不过组件的过滤器检测, 其它的过滤器可能通过检测。

*动作检测

清单文件中的 元素以 子元素列出动作,例如:

 <intent-filter>      <action android:name="com.example.project.SHOW_CURRENT" />      <action android:name="com.example.project.SHOW_RECENT" />      <action android:name="com.example.project.SHOW_PENDING" />      . . .  </intent-filter>       </pre>    </div>      

像例子所展示,虽然一个Intent对象仅是单个动作,但是一个过滤器可以列出不止一个。这个列表不能够为空,一个过滤器必须至少包含一个 子元素,否则它将阻塞所有的intents。

要通过检测,Intent对象中指定的动作必须匹配过滤器的动作列表中的一个。如果对象或过滤器没有指定一个动作,结果将如下:

如果过滤器没有指定动作,没有一个Intent将匹配,所有的intent将检测失败,即没有intent能够通过过滤器。 如果Intent对象没有指定动作,将自动通过检查(只要过滤器至少有一个 子元素,否则就是上面的情况了)

*种类检测

类似的,清单文件中的 元素以 子元素列出种类,例如:

 <intent-filter>      <category android:name="android.intent.category.DEFAULT" />      <category android:name="android.intent.category.BROWSABLE" />      . . .  </intent-filter>       </pre>    </div>      

对于一个intent要通过种类检测,intent对象中的每个种类必须匹配过滤器中的一个。即过滤器能够列出额外的种类,但是intent对象中的种类都必须能够在过滤器中找到, 只要一个种类在过滤器列表中没有,就算种类检测失败!

因此,原则上如果一个intent对象中没有种类(即种类字段为空)应该总是通过种类测试,而不管过滤器中有什么种类。但是有个例外, Android对待所有传递给Context.startActivity()的隐式intent好像它们至少包含"android.intent.category.DEFAULT" (对应CATEGORY_DEFAULT常量)。因此,activity想要接收隐式intent必须要在intent过滤器中包含"android.intent.category.DEFAULT"。

注意:"android.intent.action.MAIN" 和 "android.intent.category.LAUNCHER"设置,它们分别标记活动开始新的任务和带到启动列表界面。 它们可以包含"android.intent.category.DEFAULT"到种类列表,也可以不包含。

*数据检测

类似的,清单文件中的 元素以 子元素列出数据,例如:

 <intent-filter>      <data android:mimeType="video/mpeg" android:scheme="http" />      <data android:mimeType="audio/mpeg" android:scheme="http" />      . . .  </intent-filter>       </pre>    </div>      

每个 元素指定一个URI和数据类型(MIME类型)。它有几个属性scheme、host、port、path、query、fragment对应于URI的每个部分: scheme://host:port/path?query#fragment或者scheme://userInfo@host:port/path?query#fragment。

scheme是content,host是"com.example.project",port是200,path是"folder/subfolder/etc"。host和port一起构成URI的凭据 (authority),如果host没有指定,port也被忽略。 这几个属性都是可选的,但它们之间并不都是完全独立的。要让authority有意义, scheme必须也要指定。要让path有意义,scheme和authority也都必须要指定。

当比较intent对象和过滤器的URI时,仅仅比较过滤器中出现的URI属性。例如,如果一个过滤器仅指定了scheme,所有有此scheme的URIs都匹配过滤器; 如果一个过滤器指定了scheme和authority,但没有指定path,所有匹配scheme和authority的URIs都通过检测,而不管它们的path; 如果几个属性都指定了,要都匹配才能算是匹配。然而,过滤器中的path可以包含通配符来要求匹配path中的一部分。

元素的type属性指定数据的MIME类型。Intent对象和过滤器都可以用" "通配符匹配子类型字段,例如"text/ ","audio/*"表示任何子类型。

数据检测既要检测URI,也要检测数据类型。规则如下:

1.一个Intent对象既不包含URI,也不包含数据类型:仅当过滤器也不指定任何URIs和数据类型时,才不能通过检测;否则都能通过。 2.一个Intent对象包含URI,但不包含数据类型:仅当过滤器也不指定数据类型,同时它们的URI匹配,才能通过检测。例如,mailto:和tel:都不指定实际数据。 3.一个Intent对象包含数据类型,但不包含URI:仅当过滤也只包含数据类型且与Intent相同,才通过检测。 4.一个Intent对象既包含URI,也包含数据类型(或数据类型能够从URI推断出):数据类型部分,只有与过滤器中之一匹配才算通过;URI部分,它的URI要出现在过滤器中,或者它有content :或file: URI,又或者过滤器没有指定URI。换句话说,如果它的过滤器仅列出了数据类型,组件假定支持content:和file: 。 如果一个Intent能够通过不止一个活动或服务的过滤器,用户可能会被问那个组件被激活。如果没有目标找到,会产生一个异常。

下面写一个例子来通过定义Scheme接收特定URI开启Activity

首先在AndroidManifast.xml要给被指定Scheme的Activity下设置如下参数

         <intent-filter>                    <category android:name="android.intent.category.DEFAULT"></category>                    <action android:name="android.intent.action.VIEW"></action>                    <data android:host="profile" android:scheme="mxn"/>          </intent-filter>          </pre>    </div>      

这样即指定了接收Uri的Scheme为“mxn”,host为“profile” 且 Action为View的Intent。 可以利用如下Intent调用Activity: startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse("mxn://profile?uid=1"))); 传递一个参数uid=1.

在设置了filter的activity中接受参数:

 public class Test9Activity extends Activity {      private String uid;      private static final Uri PROFILE_URI = Uri.parse("mxn://profile");      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_test8);          extractUidFromUri();      }      private void extractUidFromUri() {          Uri uri = getIntent().getData();          if (uri != null && PROFILE_URI.getScheme().equals(uri.getScheme())) {              uid = uri.getQueryParameter("uid");              Log.d("=====", "uid from url: " + uid);          }      }  }        </pre>    </div>      

下面借助Linkify实现超链接,实现微博中@的超链接功能,布局文件如下:

       <RelativeLayout            xmlns:android="http://schemas.android.com/apk/res/android"            xmlns:tools="http://schemas.android.com/tools"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:gravity="center"            >                   <TextView                   android:id="@+id/text"                   android:layout_width="wrap_content"                   android:layout_height="wrap_content"                   android:textSize="20sp"                   android:text="【谷歌母公司Alphabet市值超苹果:全球第一】据外媒报道,@谷歌 母公司 @Alphabet                   通过公司分拆以及搜索广告业务的持续强势,股价继续攀升。美国时间周一,Alphabet的公司市值已超过了 @苹果 ,                   成为全世界市值最大的公司. www.google.com"                   />        </RelativeLayout>        </pre>    </div>      

当需要使自定义模式和内置模式web,phone等一起被识别时,一定要先声明内置模式,然后再声明自定义模式,而且不能在xml中通过autoLink属性声明, 否则自定义模式不起作用。因为在设置内置模式时,会先删除已有模式。 下面使用正则匹配带“@”的用户名,然后作为uid传递到下一个页面:

 public class Test10Activity extends Activity {      TextView textView ;      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_test10);          textView = (TextView) findViewById(R.id.text);          Pattern p = Pattern.compile("@(\w+?)(?=\W|$)(.)");          Linkify.addLinks(textView, p, "mxn://profile?uid=");      }  }        </pre>    </div>      

接收的时候跟上面一样:

 public class Test9Activity extends Activity {      private String uid;      private static final Uri PROFILE_URI = Uri.parse("mxn://profile");      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_test8);          extractUidFromUri();      }      private void extractUidFromUri() {          Uri uri = getIntent().getData();          if (uri != null && PROFILE_URI.getScheme().equals(uri.getScheme())) {              uid = uri.getQueryParameter("uid");              Log.d("=====", "uid from url: " + uid);          }      }  }        </pre>    </div>      

效果如下:

其实在上面的图上可以看到,www.google.com并没有被识别为链接(因为我们没有设置web模式)。需要注意的是,当需要使自定义 模式和内置模式web,phone等一起被识别时,一定要先声明内置模式,然后再声明自定义模式,而且不能在xml中通过autoLink属性声明, 否则自定义模式不起作用。因为在设置内置模式时,会先删除已有模式。

将上面的Java代码改为:

 public class Test10Activity extends Activity {      TextView textView ;      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_test10);          textView = (TextView) findViewById(R.id.text);          Pattern p = Pattern.compile("@(\w+?)(?=\W|$)(.)");          Linkify.addLinks(textView, Linkify.WEB_URLS);          Linkify.addLinks(textView, p, "mxn://profile?uid=");      }  }             </pre>    </div>      

现在就可以同时识别web以及自定义模式了。

同样的,这个超链接是默认颜色,如果需要改变颜色可以在xml中设置android:textColorLink="#1e84fb",或者在java代码中 设置tv.setLinkTextColor(color);

这时超链接还是带下划线的,如果想去掉,还是使用上面的思路,重写URLSpan,

 public class Test10Activity extends Activity {      TextView textView ;      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_test10);          textView = (TextView) findViewById(R.id.text);          Pattern mentionsPattern = Pattern.compile("@(\w+?)(?=\W|$)(.)");          String mentionsScheme = String.format("%s/?%s=", "mxn://profile", "uid");          Linkify.addLinks(textView, Linkify.WEB_URLS);          Linkify.addLinks(textView, mentionsPattern, mentionsScheme)  ;          stripUnderlines(textView)  ;      }      private class URLSpanNoUnderline extends URLSpan {          public URLSpanNoUnderline(String url) {              super(url);          }          @Override public void updateDrawState(TextPaint ds) {              super.updateDrawState(ds);              ds.setUnderlineText(false);          }      }      private void stripUnderlines(TextView textView) {          Spannable s = (Spannable)textView.getText();          URLSpan[] spans = s.getSpans(0, s.length(), URLSpan.class);          for (URLSpan span: spans) {              int start = s.getSpanStart(span);              int end = s.getSpanEnd(span);              s.removeSpan(span);              span = new URLSpanNoUnderline(span.getURL());              s.setSpan(span, start, end, 0);          }          textView.setText(s);      }  }        </pre>    </div>      

Linkify还支持TranformFilter和MatchFilter接口。它们提供一些对目标URI的额外控制和定义匹配字符串,它们的使用如下的框架代码所示: Linkify.addLinks(myTextView, pattern, prefixWith, new MyMatchFilter(), new MyTransformFilter());

使用Match Filter

在你定义的MatchFilter中实现acceptMatch方法,来为RegEx样式匹配添加额外的条件。当一个潜在的匹配发现时,acceptMatch被触发, 匹配的开始点和结束点(包括被查找的整个文本)以参数的形式传入。接下来的代码显示了一个MatchFilter的实现,它取消任何之前已“.”结尾的匹配。

     class MyMatchFilter implements MatchFilter {           public boolean acceptMatch(CharSequence s, int start, int end) {              return s.charAt(end-1) != '.';           }      }      </pre>    </div>      

使用Transform Filter

Transform Filter为格式化文本字符串提供了更大的自由度,允许你修改由链接文本自动生成的隐式URI。 减少链接文本和目标URI的耦合能更加自由地决定如何显示数据字符串给用户。

使用Transform Filter,在你定义的TransformFilter中实现transformUrl方法。当Linkify找到正确的匹配后,它会调用transformUrl, 传入使用的RegEx样式和它创建的默认URI字符串。你可以修改匹配的字符串,然后返回一个适合给其它Android应用程序的URI。 利用Transform Filter的修改功能可以实现点击用户名,传递的是用户id的功能,在transformUrl中返回你需要传递的内容

下面的TransformFilter实现将匹配的文本转换成小写的URI:

 class MyTransformFilter implements TransformFilter {          public String transformUrl(Matcher match, String url) {              return url.toLowerCase();      }  }      </pre>    </div>      

现在我们加上Match Filter和Transform Filter,上面的代码可以修改成如下的样子:

 public class Test10Activity extends Activity {      TextView textView ;      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_test10);          textView = (TextView) findViewById(R.id.text);          Pattern mentionsPattern = Pattern.compile("@(\w+?)(?=\W|$)(.)");          String mentionsScheme = String.format("%s/?%s=", "mxn://profile", "uid");          Linkify.addLinks(textView, Linkify.WEB_URLS);  // Linkify.addLinks(textView, mentionsPattern, mentionsScheme) ;          Linkify.addLinks(textView, mentionsPattern, mentionsScheme, new Linkify.MatchFilter() {              @Override              public boolean acceptMatch(CharSequence s, int start, int end) {                  return s.charAt(end-1) != '.';              }          }, new Linkify.TransformFilter() {              @Override              public String transformUrl(Matcher match, String url) {                  return url.toLowerCase();              }          });          stripUnderlines(textView)  ;      }      private class URLSpanNoUnderline extends URLSpan {          public URLSpanNoUnderline(String url) {              super(url);          }          @Override public void updateDrawState(TextPaint ds) {              super.updateDrawState(ds);              ds.setUnderlineText(false);          }      }      private void stripUnderlines(TextView textView) {          Spannable s = (Spannable)textView.getText();          URLSpan[] spans = s.getSpans(0, s.length(), URLSpan.class);          for (URLSpan span: spans) {              int start = s.getSpanStart(span);              int end = s.getSpanEnd(span);              s.removeSpan(span);              span = new URLSpanNoUnderline(span.getURL());              s.setSpan(span, start, end, 0);          }          textView.setText(s);      }  }      </pre>    </div>   </code></code></code></code></code></code></code></code></code></code></code></code></code></code></code></code></code></code></code></code></div>