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爲可點擊。
 
3、例:html

1.新建set_m_m.xml,這是一個Layout,代碼以下:java

<?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,代碼以下:android

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資源,代碼以下:web

<string name="link_string">
    (2)百度:<a href="http://www.baidu.com">點我進入百度首頁!</a>
</string>

最終的執行結果,以下圖:ide

4. 點擊跳轉 span模式及LinkMovementMethod字體

ClickableSpan spanPrivacy = new ClickableSpan() {

        @Override
        public void onClick(View widget) {
           // TODO 點擊事件
        }

        @Override
        public void updateDrawState(TextPaint ds) {
            super.updateDrawState(ds);
// 設置字體顏色 // ds.setColor(getResources().getColor(R.color.color_xt2));
// 設置是否顯示下劃線 // ds.setUnderlineText(false); } };

  

public class TextLinkMovementMethod extends LinkMovementMethod {

    Context mContext;

    public TextLinkMovementMethod(Context context) {
        this.mContext = context;
    }

    @Override
    public boolean onTouchEvent(TextView widget, Spannable buffer,
                                MotionEvent event) {
        int action = event.getAction();

        if (action == MotionEvent.ACTION_UP) {

            if (event.getEventTime() - event.getDownTime() > ViewConfiguration
                    .getLongPressTimeout() - 10) {
                return true;
            }

            int x = (int) event.getX();
            int y = (int) event.getY();

            x -= widget.getTotalPaddingLeft();
            y -= widget.getTotalPaddingTop();

            x += widget.getScrollX();
            y += widget.getScrollY();

            Layout layout = widget.getLayout();
            int line = layout.getLineForVertical(y);
            int off = layout.getOffsetForHorizontal(line, x);

            URLSpan[] link = buffer.getSpans(off, off, URLSpan.class);
            if (link.length != 0) {
                String url = link[0].getURL();
//TODO 自定義url跳轉 // AUriMgr.instance().viewRes(mContext, url);
return true; } } return super.onTouchEvent(widget, buffer, event); } }
相關文章
相關標籤/搜索