Android TextView 點(diǎn)擊超鏈接跳轉(zhuǎn)實(shí)現(xiàn)

前提：之前遇到過一次textview顯示url的方式，但是并未深入探究。但是，上個(gè)禮拜一個(gè)朋友問我如何在textview上面加載url，并且點(diǎn)擊跳轉(zhuǎn)到指定頁面。當(dāng)時(shí)對(duì)這個(gè)比較感興趣也就深入探究了一番。雖然實(shí)現(xiàn)了，但是效果并不理想。如果哪位看官對(duì)這一點(diǎn)，理解的比較深入，請(qǐng)告訴我一聲，謝謝了。

首先

  • 對(duì)TextView屬性比較熟悉的開發(fā)者應(yīng)該都知道TextView有一個(gè)叫做autoLink的屬性，可以將符合指定格式的文本轉(zhuǎn)換為可單擊的超鏈接形式，在幫助文檔中也可以發(fā)現(xiàn)Android給我們提供了如下幾種格式：

1、none：表示不進(jìn)行任何匹配，默認(rèn)；
2、Web：表示匹配Web Url， 如： 連接地址為http://www.baidu.com會(huì)成為可單擊跳轉(zhuǎn)的超鏈接；
3、Email：表示匹配郵件地址， 如：郵件地址為xx@sina.com會(huì)成為可單擊的超鏈接；
4、Phone：表示匹配電話號(hào)碼，如：點(diǎn)擊號(hào)碼10000會(huì)跳到撥號(hào)界面；
5、Map：表示匹配地圖地址；
6、All：表示將會(huì)匹配web、email、phone、map；

如下圖所示

TextView autoLink.png

 <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_margin="16dp"
    android:text="123"
    android:autoLink="phone"/>
  • 其中android:autoLink=" "就是加載的屬性

其次

  • 要實(shí)現(xiàn)點(diǎn)擊textview中url的跳轉(zhuǎn)到指定功能頁面的功能，有這樣兩種功能

1、直接跳轉(zhuǎn)到指定頁面（可以直接自定義頁面）；
2、通過手機(jī)瀏覽器到指定頁面

首先，來看跳轉(zhuǎn)到指定頁面的寫法

  public class MainActivity extends AppCompatActivity {

  TextView mTxtWeb;
  CharSequence mContent;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
  }

  /**
   * 初始化控件
   */
  private void initView() {
    mTxtWeb = (TextView) findViewById(R.id.txt_web);
    String htmlLinkText = "天下"+"www.google.com"+"為公";
    mTxtWeb.setText(Html.fromHtml(htmlLinkText));
    mTxtWeb.setMovementMethod(LinkMovementMethod.getInstance());
    CharSequence text = mTxtWeb.getText();
    if (text instanceof Spannable) {
        int end = text.length();
        Spannable sp = (Spannable) mTxtWeb.getText();
        URLSpan[] urls = sp.getSpans(0, end, URLSpan.class);
        SpannableStringBuilder style = new SpannableStringBuilder(text);
        style.clearSpans();
        for (final URLSpan url : urls) {
              //最主要的一點(diǎn)
            CustomClickUrlSpan myURLSpan = new CustomClickUrlSpan(url.getURL(), new CustomClickUrlSpan.OnLinkClickListener() {
                @Override
                public void onLinkClick(View view) {
                    Intent intent= new Intent(this,WebActivity.class);
                    intent.putExtra("url",url.getURL());
                    startActivity(intent);
                }
            });
            style.setSpan(myURLSpan, sp.getSpanStart(url), sp.getSpanEnd(url), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        }
        mTxtWeb.setText(style);
    }
   }

  • 其中CustomClickUrlSpan,是點(diǎn)擊url跳轉(zhuǎn)，其中傳入一個(gè)url，一個(gè)自定義接口，達(dá)到跳轉(zhuǎn)到指定頁面的目的。

     public class CustomClickUrlSpan extends ClickableSpan {
 private String url;
 private OnLinkClickListener mListener;

 public CustomClickUrlSpan(String url, OnLinkClickListener listener) {
  this.url=url;
  this.mListener=listener;
}

 @Override
public void onClick(View widget) {
  if (mListener!=null){
      mListener.onLinkClick(widget);
  }
 }

/**
 * 跳轉(zhuǎn)鏈接接口
 */
public interface OnLinkClickListener{
  void onLinkClick(View view);
}
 }

  • 其中ClicableSpan是系統(tǒng)的方法，其中定義了一個(gè)抽象點(diǎn)擊的方法（來看看系統(tǒng)源碼）

    public abstract class ClickableSpan extends CharacterStyle implements UpdateAppearance {
 private static int sIdCounter = 0;

 private int mId = sIdCounter++;

/**
 * Performs the click action associated with this span.
 * 這個(gè)是點(diǎn)擊方法
 */
public abstract void onClick(View widget);

/**
 * Makes the text underlined and in the link color.
 */
@Override
public void updateDrawState(TextPaint ds) {
   //這個(gè)是設(shè)置url顏色
  ds.setColor(ds.linkColor);
   //這個(gè)是設(shè)置是否有下劃線
  ds.setUnderlineText(true);
}

/**
 * Get the unique ID for this span.
 *
 * @return The unique ID.
 * @hide
 */
public int getId() {
  return mId;
  }
}

  • 當(dāng)然也有簡單的寫法，比如：

    /**
 * 點(diǎn)擊跳轉(zhuǎn)
 */
private class MyURLSpan extends ClickableSpan {

  private String mUrl;

  MyURLSpan(String url) {
      mUrl = url;
  }

  @Override
  public void onClick(View widget) {
      Toast.makeText(MainActivity.this, mContent.toString(), Toast.LENGTH_LONG).show();
  }
}

  • 第二種用的內(nèi)部類的方法，但是會(huì)有局限性，會(huì)讓主頁變得太繁瑣，也會(huì)讓跳轉(zhuǎn)受限，為了讓代碼看著清晰簡潔，所以推薦使用第一種方法。（個(gè)人理解，不對(duì)的還請(qǐng)指正）

其次，通過瀏覽器跳轉(zhuǎn)到指定頁面（并取消下劃線）

public class CustomUrlSpan extends UnderlineSpan implements Parcelable {


String url;

public CustomUrlSpan(String url) {
    this.url = url;

}

@Override
public void updateDrawState(TextPaint ds) {
    super.updateDrawState(ds);
    if (ds != null) {
        ds.setUnderlineText(false);
    }
}


@Override
public int describeContents() {
    return 0;
}

@Override
public void writeToParcel(Parcel dest, int flags) {
    dest.writeString(this.url);
}

protected CustomUrlSpan(Parcel in) {
    super(in);
    this.url = in.readString();
}

public static final Creator<CustomUrlSpan> CREATOR = new Creator<CustomUrlSpan>() {
    public CustomUrlSpan createFromParcel(Parcel source) {
        return new CustomUrlSpan(source);
    }

    public CustomUrlSpan[] newArray(int size) {
        return new CustomUrlSpan[size];
    }
};
}

  • 一定要實(shí)現(xiàn)Parcelable接口，要不會(huì)有錯(cuò)誤提示（下面是activity中的用法，其中通過瀏覽器跳轉(zhuǎn)到指定頁面，并且取消了下劃線）。

    /**
 * 初始化控件
 */
private void initView() {
  mTxtWeb = (TextView) findViewById(R.id.txt_web);
  String htmlLinkText = "天下"+"www.google.com"+"為公";
  mTxtWeb.setText(Html.fromHtml(htmlLinkText));
  mTxtWeb.setMovementMethod(LinkMovementMethod.getInstance());
  CharSequence text = mTxtWeb.getText();
  if (text instanceof Spannable) {
      int end = text.length();
      Spannable sp = (Spannable) mTxtWeb.getText();
      URLSpan[] urls = sp.getSpans(0, end, URLSpan.class);
      SpannableStringBuilder style = new SpannableStringBuilder(text);
      style.clearSpans();
      for (final URLSpan url : urls) {
          CustomUrlSpan myURLSpan = new CustomUrlSpan(url.getURL());
          style.setSpan(myURLSpan, sp.getSpanStart(url), sp.getSpanEnd(url), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
      }
      mTxtWeb.setText(style);
  }
}

最后（還有一點(diǎn)比較困惑）

  • UnderlineSpan和ClickableSpan都有設(shè)置取消下劃線的方法（updateDrawState），重寫了方法之后，UnderlineSpan取消了下劃線，但是ClickableSpan卻取消不了這一點(diǎn)比較困惑。
  • 看源碼可以看到UnderlineSpan和ClickableSpan都是繼承CharacterStyle，并且有一個(gè)抽象方法updateDrawState（），那么直接繼承CharacterStyle，然后再自定義一個(gè)跳轉(zhuǎn)接口可否實(shí)現(xiàn)跳轉(zhuǎn)到指定接口呢，經(jīng)過試驗(yàn)之后還是會(huì)有些許不盡如人意。如果哪位仁兄對(duì)這一點(diǎn)比較了解，還請(qǐng)告訴我一聲，不勝感激。

感悟

  • 對(duì)于我們來說，不管做什么事情應(yīng)該盡自己最大努力去做好，事事都怕認(rèn)真二字

  • 引用知乎上面的一段話就是：
    如果天空是黑暗的，那就摸黑生存；如果發(fā)出聲音是危險(xiǎn)的，那就保持沉默；如果自覺無力發(fā)光的，那就蜷伏于墻角。但不要習(xí)慣了黑暗就為黑暗辯護(hù)；不要為自己的茍且而得意；不要嘲諷那些比自己更勇敢熱情的人們。我們可以卑微如塵土，不可扭曲如蛆蟲?！緲I(yè)

  • 推薦一個(gè)探討技術(shù)的技術(shù)群（493180098）

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前段時(shí)間在開發(fā)群里看到有人問android的TextView該如何自定義超鏈接的跳轉(zhuǎn)，如：有字符串“使用該軟件，即...
    zhangjinhuang閱讀 7,379評(píng)論 1贊 36
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具（例如配置管理，服務(wù)發(fā)現(xiàn)，斷路器，智...
    卡卡羅2017閱讀 136,569評(píng)論 19贊 139
  • ￥開啟￥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程，因...
    小菜c閱讀 7,335評(píng)論 0贊 17
  • 寫在前面的話（特別聲明） 本文僅是本人自己學(xué)習(xí)的總結(jié)筆記，參考網(wǎng)上多篇文章，本人僅做了必要的總結(jié)和效果展示。 方法...
    CalvinNing閱讀 11,696評(píng)論 4贊 14
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序：基本語法，類相關(guān)的語法，內(nèi)部類的語法，繼承相關(guān)的語法，異常的語法，線程的語...
    子非魚_t_閱讀 34,727評(píng)論 18贊 399

友情鏈接更多精彩內(nèi)容