TextView:超連結的樣式與跳轉

雨幕青山發表於2017-05-05

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


相關文章