Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > Textview超链接实现方式

Android中Textview超链接实现方式

作者:mxn

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

TextView中的超链接可以通过几种方式实现:
一、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());
之后才会跳转。 这样点击之后会用默认浏览器打开url。

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

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

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

还有一种更简单的方法就是在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"
   />  

二、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);

   }

  }

它调用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);
  }
 }
}

这样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);
  }
 }
}

这里的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();
 }
}

三、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>

像例子所展示,虽然一个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>

对于一个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>

每个元素指定一个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>

这样即指定了接收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);
    }
  }
}

下面借助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>

当需要使自定义模式和内置模式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=");
  }
}

接收的时候跟上面一样:

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);
    }
  }
}

效果如下:

其实在上面的图上可以看到,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=");
  }
} 

现在就可以同时识别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);
  }
}

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) != '.';
     }
  }

使用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();
  }
}

现在我们加上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);
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助。

您可能感兴趣的文章:
阅读全文