Android中可点击链接的TextView：如何捕获点击？

Question

我有一个TextView，它渲染基本的HTML，包含2个以上的链接。我需要捕获链接的点击事件，并在我的内部WebView中打开链接（而不是在默认浏览器中打开）。

处理链接渲染最常见的方法似乎是这样的：

String str_links = "<a href='http://google.com'>Google</a><br /><a href='http://facebook.com'>Facebook</a>";
text_view.setLinksClickable(true);
text_view.setMovementMethod(LinkMovementMethod.getInstance());
text_view.setText( Html.fromHtml( str_links ) );

然而，这会导致链接在默认的内部网页浏览器中打开（显示“使用以下方式完成操作…”对话框）。

我尝试实现一个onClickListener，在链接被点击时得到正确的触发，但是我不知道如何确定哪个链接被点击了...

text_view.setOnClickListener(new OnClickListener(){

    public void onClick(View v) {
        // what now...?
    }

});

另外，我尝试创建一个自定义的LinkMovementMethod类，并实现onTouchEvent...

public boolean onTouchEvent(TextView widget, Spannable text, MotionEvent event) {
    String url = text.toString();
    // this doesn't work because the text is not necessarily a URL, or even a single link... 
    // eg, I don't know how to extract the clicked link from the greater paragraph of text
    return false;
}

有什么想法？

---

示例解决方案

我想出了一种解决方案，可以解析HTML字符串中的链接并使它们可点击，然后让您响应URL。

- Zane Claes

---

为什么不使用可扩展字符串（Spannable String）呢？ - Renjith

实际上，HTML 是由远程服务器提供的，而不是由我的应用程序生成的。 - Zane Claes

你的示例解决方案非常有帮助；使用该方法，我可以很好地捕获点击事件，并根据所点击的链接启动另一个Activity，并传递参数。（关键是要理解“使用span.getURL()执行某些操作”）。你甚至可以将其发布为答案，因为它比当前接受的答案更好！ - Jonik

Answer 1

根据另一个答案，这里有一个名为setTextViewHTML()的函数可以解析HTML字符串中的链接并将它们变成可点击的，并且让你能够响应URL。

protected void makeLinkClickable(SpannableStringBuilder strBuilder, final URLSpan span)
{
    int start = strBuilder.getSpanStart(span);
    int end = strBuilder.getSpanEnd(span);
    int flags = strBuilder.getSpanFlags(span);
    ClickableSpan clickable = new ClickableSpan() {
        public void onClick(View view) {
            // Do something with span.getURL() to handle the link click...
        }
    };
    strBuilder.setSpan(clickable, start, end, flags);
    strBuilder.removeSpan(span);
}

protected void setTextViewHTML(TextView text, String html)
{
    CharSequence sequence = Html.fromHtml(html);
    SpannableStringBuilder strBuilder = new SpannableStringBuilder(sequence);
    URLSpan[] urls = strBuilder.getSpans(0, sequence.length(), URLSpan.class);   
    for(URLSpan span : urls) {
        makeLinkClickable(strBuilder, span);
    }
    text.setText(strBuilder);
    text.setMovementMethod(LinkMovementMethod.getInstance());       
}

- Zane Claes

---

做得很好。使用这种方法（与其他答案不同），我成功地完成了以下两件事：1）捕获点击，2）根据所点击的链接启动另一个带参数的活动。 - Jonik

很棒，但如果你将它应用到ListView上（我的意思是，应用到每个元素的内部TextView上），会使列表无法点击，尽管链接仍然可以点击。 - voghDev

@voghDev 当 ListView 中的 View 的 focusable 属性被设置为 true 时，就会出现这种情况。这通常发生在 Button/ImageButton 上。请尝试在您的 TextView 上调用 setFocusable(false)。 - Sufian

它可以删除但不能添加新的跨度 :/ - donmezburak

终于有东西可以用了，为此尝试了很多解决方案。 - Pär Nils Amsen

Answer 2

我在Kotlin中制作了一个简单的扩展函数，通过对URLSpan元素应用新的回调来捕获TextView中的url链接点击。

strings.xml（文本中的示例链接）

<string name="link_string">this is my link: <a href="https://www.google.com/">CLICK</a></string>

在调用“handleUrlClicks”函数之前，请确保将您的跨度文本设置为TextView。

textView.text = getString(R.string.link_string)

这是扩展函数：

/**
 * Searches for all URLSpans in current text replaces them with our own ClickableSpans
 * forwards clicks to provided function.
 */
fun TextView.handleUrlClicks(onClicked: ((String) -> Unit)? = null) {
    //create span builder and replaces current text with it
    text = SpannableStringBuilder.valueOf(text).apply {
        //search for all URL spans and replace all spans with our own clickable spans
        getSpans(0, length, URLSpan::class.java).forEach {
            //add new clickable span at the same position
            setSpan(
                object : ClickableSpan() {
                    override fun onClick(widget: View) {
                        onClicked?.invoke(it.url)
                    }
                },
                getSpanStart(it),
                getSpanEnd(it),
                Spanned.SPAN_INCLUSIVE_EXCLUSIVE
            )
            //remove old URLSpan
            removeSpan(it)
        }
    }
    //make sure movement method is set
    movementMethod = LinkMovementMethod.getInstance()
}

这就是我称呼它的方式：

textView.handleUrlClicks { url ->
    Timber.d("click on found span: $url")
}

- Sebastian

---

太棒了！ - Valentin Yuryev

不错的扩展，但是通过获取字符串直接将文本设置到文本视图中有点误导人。你需要使用以下方式进行设置： textView.text = HtmlCompat.fromHtml(htmlText, HtmlCompat.FROM_HTML_MODE_COMPACT) - Damanpreet Singh

在 onClicked?.invoke(it.url) 之前添加 Selection.setSelection(text as Spannable, 0)，以避免单击后文本仍保持选择状态。 - Daniel Valencia

每次尝试其他方案后，我都会回到你的解决方案。 :-) - CoolMind

有没有办法实现既能点击又能重定向到浏览器的功能。由于我们正在删除旧的URLSpan并在其位置添加可点击的span，因此点击后重定向到浏览器的功能丢失了。 - Kartikeya_M

Answer 3

你已经按照以下方式完成：

text_view.setMovementMethod(LinkMovementMethod.getInstance());
text_view.setText( Html.fromHtml( str_links ) );

你尝试过像下面展示的相反顺序吗？

text_view.setText( Html.fromHtml( str_links ) );
text_view.setMovementMethod(LinkMovementMethod.getInstance());

没有：

text_view.setLinksClickable(true);

- ademar111190

---

功能可用，但是没有任何信号表明用户已经点击了链接，我需要在链接被点击时添加提示/动画/高亮... 我该怎么做？ - lightsaber

@StarWars 在纯 Android 中可以使用 (StateList)[http://developer.android.com/intl/pt-br/guide/topics/resources/drawable-resource.html#StateList]，但是在 HTML 中我不知道。 - ademar111190

这仅适用于超链接。如果文本包含电子邮件、电话号码，则不可点击。 - Niroshan

给这个人颁个奖！ - Kannan_SJD

Answer 4

这可以通过使用Spannable String简单解决。你真正想做的事情（业务需求）对我来说有点不清楚，所以下面的代码可能无法给出确切的答案，但我相信它会给你一些想法，你可以根据下面的代码解决问题。

就像你所做的那样，我也通过HTTP响应获取了一些数据，并在我的情况下添加了一些额外的下划线文本，例如"更多"，这个下划线文本将在单击事件中打开Web浏览器。希望这能帮到你。

TextView decription = (TextView)convertView.findViewById(R.id.library_rss_expan_chaild_des_textView);
String dec=d.get_description()+"<a href='"+d.get_link()+"'><u>more</u></a>";
CharSequence sequence = Html.fromHtml(dec);
SpannableStringBuilder strBuilder = new SpannableStringBuilder(sequence);
UnderlineSpan[] underlines = strBuilder.getSpans(0, 10, UnderlineSpan.class);   
for(UnderlineSpan span : underlines) {
    int start = strBuilder.getSpanStart(span);
    int end = strBuilder.getSpanEnd(span);
    int flags = strBuilder.getSpanFlags(span);
    ClickableSpan myActivityLauncher = new ClickableSpan() {
        public void onClick(View view) {
            Log.e(TAG, "on click");
            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(d.get_link()));
            mContext.startActivity(intent);         
        }
    };
    strBuilder.setSpan(myActivityLauncher, start, end, flags);
}
decription.setText(strBuilder);
decription.setLinksClickable(true);
decription.setMovementMethod(LinkMovementMethod.getInstance());

- Dinesh Anuruddha

---

太好了！我已经根据我的情况进行了修改。我会编辑我的帖子，将代码包含在内。 - Zane Claes

有没有类似的解决方案可以在 XML 中使用？ - android developer

我使用OP在问题中修改过的版本使其工作，但是使用此版本没有成功。（使用此版本，点击直接跳转到“使用完整操作”对话框。） - Jonik

我使用了这个逻辑，但是不得不用URLSpan替换UnderlineSpan。此外，需要从SpannableStringBuilder中删除旧的span。 - Ray

这里的变量'd'是什么？ - Salman Khan

对我来说，以下代码有效： val strBuilder = SpannableStringBuilder(htmlString) sunset_message.text = strBuilder sunset_message.linksClickable = true sunset_message.movementMethod = LinkMovementMethod.getInstance() - Neela

Answer 5

我曾经遇到过同样的问题，文本中夹杂了许多链接和电子邮件。 我认为使用“autoLink”是一种更简单更清晰的方法：

  text_view.setText( Html.fromHtml( str_links ) );
  text_view.setLinksClickable(true);
  text_view.setAutoLinkMask(Linkify.ALL); //to open links

您可以设置 Linkify.EMAIL_ADDRESSES 或 Linkify.WEB_URLS，如果只需要使用其中一个，或从 XML 布局中进行设置。

  android:linksClickable="true"
  android:autoLink="web|email"

可用选项包括：none（无），web（网站），email（电子邮件），phone（电话），map（地图），all（全部）

- Jordi

---

你好，有没有办法在点击链接时拦截触发的意图？ - Manmohan Soni

这个回答已经有6年了。当然，在最新的Android版本中可能已经发生了变化^^ 这并不意味着它在那时候不起作用^^ - Jordi

Answer 6

解决方案

我已经实现了一个小类，通过它你可以处理TextView本身的长按和TextView中链接的点击。

布局

TextView android:id="@+id/text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:autoLink="all"/>

TextViewClickMovement.java

import android.content.Context;
import android.text.Layout;
import android.text.Spannable;
import android.text.method.LinkMovementMethod;
import android.text.style.ClickableSpan;
import android.util.Patterns;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.TextView;

public class TextViewClickMovement extends LinkMovementMethod {

    private final String TAG = TextViewClickMovement.class.getSimpleName();

    private final OnTextViewClickMovementListener mListener;
    private final GestureDetector                 mGestureDetector;
    private TextView                              mWidget;
    private Spannable                             mBuffer;

    public enum LinkType {

        /** Indicates that phone link was clicked */
        PHONE,

        /** Identifies that URL was clicked */
        WEB_URL,

        /** Identifies that Email Address was clicked */
        EMAIL_ADDRESS,

        /** Indicates that none of above mentioned were clicked */
        NONE
    }

    /**
     * Interface used to handle Long clicks on the {@link TextView} and taps
     * on the phone, web, mail links inside of {@link TextView}.
     */
    public interface OnTextViewClickMovementListener {

        /**
         * This method will be invoked when user press and hold
         * finger on the {@link TextView}
         *
         * @param linkText Text which contains link on which user presses.
         * @param linkType Type of the link can be one of {@link LinkType} enumeration
         */
        void onLinkClicked(final String linkText, final LinkType linkType);

        /**
         *
         * @param text Whole text of {@link TextView}
         */
        void onLongClick(final String text);
    }


    public TextViewClickMovement(final OnTextViewClickMovementListener listener, final Context context) {
        mListener        = listener;
        mGestureDetector = new GestureDetector(context, new SimpleOnGestureListener());
    }

    @Override
    public boolean onTouchEvent(final TextView widget, final Spannable buffer, final MotionEvent event) {

        mWidget = widget;
        mBuffer = buffer;
        mGestureDetector.onTouchEvent(event);

        return false;
    }

    /**
     * Detects various gestures and events.
     * Notify users when a particular motion event has occurred.
     */
    class SimpleOnGestureListener extends GestureDetector.SimpleOnGestureListener {
        @Override
        public boolean onDown(MotionEvent event) {
            // Notified when a tap occurs.
            return true;
        }

        @Override
        public void onLongPress(MotionEvent e) {
            // Notified when a long press occurs.
            final String text = mBuffer.toString();

            if (mListener != null) {
                Log.d(TAG, "----> Long Click Occurs on TextView with ID: " + mWidget.getId() + "\n" +
                                  "Text: " + text + "\n<----");

                mListener.onLongClick(text);
            }
        }

        @Override
        public boolean onSingleTapConfirmed(MotionEvent event) {
            // Notified when tap occurs.
            final String linkText = getLinkText(mWidget, mBuffer, event);

            LinkType linkType = LinkType.NONE;

            if (Patterns.PHONE.matcher(linkText).matches()) {
                linkType = LinkType.PHONE;
            }
            else if (Patterns.WEB_URL.matcher(linkText).matches()) {
                linkType = LinkType.WEB_URL;
            }
            else if (Patterns.EMAIL_ADDRESS.matcher(linkText).matches()) {
                linkType = LinkType.EMAIL_ADDRESS;
            }

            if (mListener != null) {
                Log.d(TAG, "----> Tap Occurs on TextView with ID: " + mWidget.getId() + "\n" +
                                  "Link Text: " + linkText + "\n" +
                                  "Link Type: " + linkType + "\n<----");

                mListener.onLinkClicked(linkText, linkType);
            }

            return false;
        }

        private String getLinkText(final TextView widget, final Spannable buffer, final MotionEvent event) {

            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);

            ClickableSpan[] link = buffer.getSpans(off, off, ClickableSpan.class);

            if (link.length != 0) {
                return buffer.subSequence(buffer.getSpanStart(link[0]),
                        buffer.getSpanEnd(link[0])).toString();
            }

            return "";
        }
    }
}

使用方法

String str_links = "<a href='http://google.com'>Google</a><br /><a href='http://facebook.com'>Facebook</a>";
text_view.setText( Html.fromHtml( str_links ) );
text_view.setMovementMethod(new TextViewClickMovement(this, context));

链接

希望这能帮到你！你可以在这里找到代码。

- user5699130

---

请再次检查您的代码，从第text_view.setMovementMethod(new TextViewClickMovement(this, context));行开始；Android Studio 报错提示 context 无法解析。 - X09

如果你从Bitbucket复制源代码，你应该像这样更改上下文和监听器的位置：text_view.setMovementMethod(new TextViewClickMovement(context, this)); - user5699130

那将会解析两个上下文来获取参数。但是没有起作用，先生。尽管被接受的答案现在对我有用。 - X09

感谢您的回答，先生。这是我所遇到的最好的答案，非常感谢！ - Vulovic Vukasin

Answer 7

一种更加清晰和优秀的解决方案，使用原生的Linkify库。

例子：

Linkify.addLinks(mTextView, Linkify.ALL);

- Fidel Montesino

---

可以使用这个来覆盖 onClick 事件吗？ - Milind Mevada

Answer 8

如果你正在使用Kotlin，我为这种情况编写了一个简单的扩展：

/**
 * Enables click support for a TextView from a [fullText] String, which one containing one or multiple URLs.
 * The [callback] will be called when a click is triggered.
 */
fun TextView.setTextWithLinkSupport(
    fullText: String,
    callback: (String) -> Unit
) {
    val spannable = SpannableString(fullText)
    val matcher = Patterns.WEB_URL.matcher(spannable)
    while (matcher.find()) {
        val url = spannable.toString().substring(matcher.start(), matcher.end())
        val urlSpan = object : URLSpan(fullText) {
            override fun onClick(widget: View) {
                callback(url)
            }
        }
        spannable.setSpan(urlSpan, matcher.start(), matcher.end(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
    }
    text = spannable
    movementMethod = LinkMovementMethod.getInstance() // Make link clickable
}

用法：

yourTextView.setTextWithLinkSupport("click on me: https://www.google.fr") {
   Log.e("URL is $it")
}

- Phil

---

你可以省略 fullText 并使用 text.toString()。但这样不起作用，因为点击链接会打开浏览器，而不是调用 callback(url)。 - CoolMind

Answer 9

在我看来，一种更简单的替代方法（适用于像我这样的懒惰开发者 ;)

abstract class LinkAwareActivity : AppCompatActivity() {

    override fun startActivity(intent: Intent?) {
        if(Intent.ACTION_VIEW.equals(intent?.action) && onViewLink(intent?.data.toString(), intent)){
            return
        }

        super.startActivity(intent)
    }

    // return true to consume the link (meaning to NOT call super.startActivity(intent))
    abstract fun onViewLink(url: String?, intent: Intent?): Boolean 
}

如果需要的话，您还可以检查意图的方案/ MIME 类型。

- joe1806772

Answer 10

你可以使用一个名为 Better-Link-Movement-Method 的简单库更加整洁地完成它。

    TextView mTvUrl=findViewById(R.id.my_tv_url);
    mTvUrl.setMovementMethod(BetterLinkMovementMethod.newInstance().setOnLinkClickListener((textView, url) -> {
              
                    if (Patterns.WEB_URL.matcher(url).matches()) {
                        //An web url is detected 
                        return true;
                    }
                    else if(Patterns.PHONE.matcher(url).matches()){
                        //A phone number is detected 
                        return true;
                    }
                    else if(Patterns.EMAIL_ADDRESS.matcher(url).matches()){
                        //An email address is detected 
                        return true;
                    }
    
                return false;
            }));

- Gk Mohammad Emon