1. 程式人生 > >為TextView新增連結-setMovementMethod -- Android學習筆記6-3

為TextView新增連結-setMovementMethod -- Android學習筆記6-3

為TextView新增連結-setMovementMethod

一、前言:

    本文是由《TextView中的圖文共存問題》延伸出來的知識點講解;原文地址:《TextView中的圖文共存問題》

二、為TextView設定連結:

  當文字中出現URL、E-mail、電話號碼等的時候,我們為TextView設定連結。總結起來,一共有4種方法來為TextView實現連結。我們一一舉例介紹;

  1. 在xml裡新增android:autoLink屬性。
     android:autoLink :的可選值:none/web/email/phone/map/all,分別代表將當前文字設定為:
普通文字/URL/email/電話號碼/map/自動識別,文字顯示為可點選的連結。其中:設定為all時,系統會自動根據你的文字格式識別文字型別,如:http為web,tel為電話等;當然,以上內容也可以在Java程式碼中完成,用法為tv.setAutoLinkMask(Linkify.ALL)。
 
  2. 將顯示內容寫到資原始檔,一般為String.xml中,並且用<a>標籤來宣告連結,然後啟用這個連結,啟用連結需要在Java程式碼中使用setMovementMethod()方法設定TextView為可點選。
 
  3. 用Html類的fromHtml()方法格式化要放到TextView裡的文字。然後啟用這個連結,啟用連結需要在Java程式碼中使用setMovementMethod()方法設定TextView為可點選。
 
  4. 用Spannable或實現它的類,如SpannableString。與其他方法不同的是,Spannable物件可以為個別字元設定連結(當然也可以為個別字元設定顏色、字型等,實現某些字元高亮顯示的效果等)。這個方法同樣需要在Java程式碼中使用setMovementMethod()方法設定TextView為可點選。

 
三、例:
    

對於以上內容,我在一個Activity來分別演示:

1.新建set_m_m.xml,這是一個Layout,程式碼如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--用autoLink="none"設定普通文字-->
    <TextView
        android:id="@+id/mm_tv1_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:autoLink="none"/>

    <!--用autoLink="phone"設定電話-->
    <TextView
        android:id="@+id/mm_tv1_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:autoLink="phone"/>

    <!--用autoLink="all"自動識別-->
    <TextView
        android:id="@+id/mm_tv1_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:autoLink="all"/>

    <!--將顯示內容寫到String.xml中-->
    <TextView
        android:id="@+id/mm_tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:text="@string/link_string"/>

    <!--用Html類的fromHtml()方法-->
    <TextView
        android:id="@+id/mm_tv3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"/>

    <!--用Spannable或實現它的類-->
    <TextView
        android:id="@+id/mm_tv4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"/>

</LinearLayout>

2.新建SetMMActivty.java,這是一個活動,程式碼如下:
package cpj.com.UI_TextView;

import android.os.Bundle;
import android.text.Html;
import android.text.SpannableString;
import android.text.Spanned;
import android.text.method.LinkMovementMethod;
import android.text.style.URLSpan;
import android.widget.TextView;

import cpj.com.MyTool.BaseActivity;
import cpj.com.cpjtest.R;

/**
 * Created by cpj on 2016/4/27.
 */
public class SetMMActivity extends BaseActivity{

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

        //(方法一)用autoLink="none"設定普通文字
        TextView web_tv = (TextView) findViewById(R.id.mm_tv1_1);
          web_tv.setText("(1_1)百度:https://www.baidu.com/");

        //(方法一)用autoLink="phone"設定電話
        TextView phone_tv = (TextView) findViewById(R.id.mm_tv1_2);
          phone_tv.setText("(1_2)電話:15800000000");

        //(方法一)用autoLink="all"自動識別
        TextView all_tv = (TextView) findViewById(R.id.mm_tv1_3);
          all_tv.setText("(1_3)百度:https://www.baidu.com/");

        //(方法二)將顯示內容寫到String.xml中
        TextView string_tv = (TextView) findViewById(R.id.mm_tv2);
          string_tv.setMovementMethod(LinkMovementMethod.getInstance());//啟用連結

        //(方法三)用Html類的fromHtml()方法
        TextView html_tv = (TextView) findViewById(R.id.mm_tv3);
          html_tv.setText(
                Html.fromHtml(
                        "(3)百度:" + "<a href='http://www.baidu.com'>連結到百度</a> ")
          );
          html_tv.setMovementMethod(LinkMovementMethod.getInstance());//啟用連結

        //(方法四)用Spannable或實現它的類
        TextView spannable_tv = (TextView) findViewById(R.id.mm_tv4);
        SpannableString ss = new SpannableString("(4)百度: 點我就可以訪問百度首頁");
          ss.setSpan(new URLSpan("http://www.baidu.com"), 7, 18,
                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);//設定4~18為網站連結
        spannable_tv.setText(ss);
        spannable_tv.setMovementMethod(LinkMovementMethod.getInstance());//啟用連結
    }
}

3.用到的String.xml資源,程式碼如下:
<string name="link_string">
    (2)百度:<a href="http://www.baidu.com">點我進入百度首頁!</a>
</string>

最終的執行結果,如下圖:


四、參考資料:

       參考資料