TextView：超链接的样式与跳转

TextView在Android控件中无疑是强大的，能实现的功能很多，这里道长和大家分享一下TextView的用法之一：超链接的样式与跳转。其实用法很简单，道长都不好意思单开一篇博客了

一、基本实现

• 布局代码

    <TextView
        android:id="@+id/notice_count"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:lineSpacingExtra="9dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:paddingTop="15dp"
        android:paddingBottom="15dp"
        android:text=""
        android:textSize="15sp" />

• 实现代码

        String message = "单击打开 <a href='http://www.baidu.com/'>百度首页</a>";
        notice_count = (TextView)prefectureView.findViewById(R.id.notice_count);
        notice_count.setText(Html.fromHtml(message));
        // 这行代码是必须的
        notice_count.setMovementMethod(LinkMovementMethod.getInstance());

• 效果图

有的童鞋说这是最简单的实现TextView超链接，如果需求上要求改动超链接的样式怎么办？毕竟原始的样式不怎么样。好，这里道长换一种方式实现

二、另一种实现方式

• 实现基本链接

        ss = new SpannableString("单击打开百度首页");  //创建一个 SpannableString对象
        ss.setSpan(new URLSpan("http://www.baidu.com"), 4, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //网络
        notice_count.setText(msp);
        notice_count.setMovementMethod(LinkMovementMethod.getInstance());

然后我们就可以设置TextView的样式了，比如：

• 设置字体

ss.setSpan(new TypefaceSpan("monospace"), 4, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置字体

• 设置字体大小

        //设置字体大小
//        ss.setSpan(new AbsoluteSizeSpan(20), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        // 第二个参数boolean dp，如果为true，表示前面的字体大小单位为dp，否则为像素。
        ss.setSpan(new AbsoluteSizeSpan(20,true), 2, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

• 设置字体颜色

ss.setSpan(new ForegroundColorSpan(Color.RED), 2, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置字体颜色为红色

• 设置背景

ss.setSpan(new BackgroundColorSpan(Color.CYAN), 5, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置背景为青色

• 设置字体样式

//        ss.setSpan(new StyleSpan(android.graphics.Typeface.NORMAL), 1, 7, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 正常
        ss.setSpan(new StyleSpan(android.graphics.Typeface.BOLD), 1, 7, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 粗体
//        ss.setSpan(new StyleSpan(android.graphics.Typeface.ITALIC), 2, 7, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 斜体
//        ss.setSpan(new StyleSpan(android.graphics.Typeface.BOLD_ITALIC), 2, 7, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 粗斜体

• 设置下划线

ss.setSpan(new UnderlineSpan(), 2, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置下划线

• 设置删除线

ss.setSpan(new StrikethroughSpan(), 3, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置删除线

• 设置上下标

        ss.setSpan(new SubscriptSpan(), 4, 5, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 下标
        ss.setSpan(new SuperscriptSpan(), 6, 7, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 上标

常用的样式大概有这么多。关于超链接道长先说这么多，希望这篇博客为你提供一些帮助。

这里还有道长写的一个工具类，代码如下：

package com.yushan.textviewdemo;

import android.graphics.Color;
import android.graphics.Typeface;
import android.text.SpannableString;
import android.text.Spanned;
import android.text.style.AbsoluteSizeSpan;
import android.text.style.BackgroundColorSpan;
import android.text.style.ForegroundColorSpan;
import android.text.style.StrikethroughSpan;
import android.text.style.StyleSpan;
import android.text.style.SubscriptSpan;
import android.text.style.SuperscriptSpan;
import android.text.style.TypefaceSpan;
import android.text.style.URLSpan;
import android.text.style.UnderlineSpan;

import java.net.URL;

/**
 * Created by beiyong on 2017-5-5.
 */

public class CustomSpannableString extends SpannableString{

    private static SpannableString ss;

    // 字体
    public static final String TYPE_MONOSPACE = "monospace";
    public static final String TYPE_DEFAULT = "default";
    public static final String TYPE_DEFAULT_BOLD = "default-bold";
    public static final String TYPE_SERIF = "serif";
    public static final String TYPE_SANS_SERIF = "sans-serif";


    // 字体样式
    public static final int TYPEFACE_NORMAL = android.graphics.Typeface.NORMAL;
    public static final int TYPEFACE_BOLD = android.graphics.Typeface.BOLD;
    public static final int TYPEFACE_ITALIC = android.graphics.Typeface.ITALIC;
    public static final int TYPEFACE_BOLD_ITALIC = android.graphics.Typeface.BOLD_ITALIC;


    private static int mStart;
    private static int mEnd;

    private CustomSpannableString(CharSequence source){
        super(source);
    }

    // 创建一个 CustomSpannableString 对象
    public static CustomSpannableString getInstance(CharSequence source, int start, int end){
        ss = new CustomSpannableString(source);
        mStart = start;
        mEnd = end;
        return (CustomSpannableString)ss;
    }

    // 设置网络链接
    public CustomSpannableString setTextURL(String url){
        ss.setSpan(new URLSpan(url), mStart, mEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return (CustomSpannableString)ss;
    }

    // 设置字体
    public CustomSpannableString setTextType(String type){
        ss.setSpan(new TypefaceSpan(type), mStart, mEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return (CustomSpannableString)ss;
    }

    //设置字体大小
    public CustomSpannableString setTextSize(int size, Boolean useDp){
        if (useDp == null){
            ss.setSpan(new AbsoluteSizeSpan(size), mStart, mEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        } else {
            // 第二个参数boolean dp，如果为true，表示前面的字体大小单位为dp，否则为像素。
            ss.setSpan(new AbsoluteSizeSpan(size,useDp), mStart, mEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
        return (CustomSpannableString)ss;
    }

    //设置字体颜色
    public CustomSpannableString setTextColor(int color){
        ss.setSpan(new ForegroundColorSpan(color), mStart, mEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return (CustomSpannableString)ss;
    }

    //设置背景颜色
    public CustomSpannableString setTextBackgroundColor(int color){
        ss.setSpan(new BackgroundColorSpan(color), mStart, mEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return (CustomSpannableString)ss;
    }

    // 设置字体样式
    public CustomSpannableString setTextTypeface(int typeface){
        ss.setSpan(new StyleSpan(typeface), mStart, mEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return (CustomSpannableString)ss;
    }

    // 设置下划线
    public CustomSpannableString setTextUnderline(){
        ss.setSpan(new UnderlineSpan(), mStart, mEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return (CustomSpannableString)ss;
    }

    // 设置删除线
    public CustomSpannableString setTextStrikeThrough(){
        ss.setSpan(new StrikethroughSpan(), mStart, mEnd, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return (CustomSpannableString)ss;
    }

    // 设置上标
    public CustomSpannableString setTextSuperscript(int start, int end){
        ss.setSpan(new SuperscriptSpan(), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return (CustomSpannableString)ss;
    }

    // 设置下标
    public CustomSpannableString setTextSubscript(int start, int end){
        ss.setSpan(new SubscriptSpan(), start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return (CustomSpannableString)ss;
    }

}

使用方式如下：

    private void methodThree(){
        css = CustomSpannableString.getInstance("单击打开百度首页", 4, 8) // 创建一个 SpannableString对象
                .setTextURL("http://www.baidu.com")
                .setTextType(CustomSpannableString.TYPE_MONOSPACE)
                .setTextSize(30, true)
                .setTextTypeface(CustomSpannableString.TYPEFACE_BOLD)
                .setTextStrikeThrough()
                .setTextColor(Color.BLUE)
                .setTextBackgroundColor(Color.GRAY)
                .setTextSubscript(4,6)
                .setTextSuperscript(6,8);

        notice_count.setText(css);
    }

效果图如下：

TextView的超链接暂时到这里，希望能给小伙伴们提供一些帮助。大家如果想要Demo看一下，可以自行下载。

源码下载

TextViewLinkDemo

---