【问题标题】:Android TextView with Clickable Links: how to capture clicks?带有可点击链接的 Android TextView:如何捕获点击?
【发布时间】:2012-09-07 06:00:31
【问题描述】:

我有一个 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;
}

想法?


示例解决方案

我想出了a solution,它从 HTML 字符串中解析链接并使其可点击,然后让您响应 URL。

【问题讨论】:

  • 你为什么不使用 Spannable String.??
  • 实际上,HTML 是由远程服务器提供的,而不是由我的应用程序生成的。
  • 您的示例解决方案非常有帮助;使用这种方法,我可以很好地捕获点击,并且可以启动另一个带有参数的 Activity,具体取决于点击的链接。 (要理解的关键点是“用span.getURL() 做点什么”。)您甚至可以将其发布为答案,因为它比当前接受的答案更好!

标签: android hyperlink textview


【解决方案1】:

基于another answer,这里有一个函数 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());       
}

【讨论】:

  • 效果很好。通过这种方法(与其他答案不同),我设法 1)捕获点击和 2)启动另一个 Activity,其参数取决于点击的链接。
  • 完美...拯救了我的一天
  • 终于找到了可行的方法,为此尝试了很多解决方案。
  • 谢谢!工作。
  • 你拯救了我的一天。谢谢你:)
【解决方案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")
}

【讨论】:

  • 太棒了!_______
  • 不错的扩展,但通过获取字符串直接将文本设置为文本视图有点误导。您需要使用 textView.text = HtmlCompat.fromHtml(htmlText, HtmlCompat.FROM_HTML_MODE_COMPACT)
【解决方案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);

【讨论】:

  • 它可以工作,但没有任何信号表明用户点击了链接,点击链接时我需要提示/动画/突出显示......我该怎么办?
  • @StarWars 你可以在纯安卓中使用 (StateList)[developer.android.com/intl/pt-br/guide/topics/resources/…,但我不知道使用 HTML。
  • 这仅适用于超链接。如果文本包含电子邮件、电话号码则不可点击。
【解决方案4】:

这可以通过使用 Spannable String 来简单地解决。你真正想做的(业务需求)对我来说有点不清楚,所以下面的代码不会对你的情况给出确切的答案,但我很确定它会给你一些想法,您将能够根据以下代码解决您的问题。

正如你所做的那样,我也通过 HTTP 响应获取了一些数据,并且在我的案例 “more” 中添加了一些额外的 带下划线 文本,这个带下划线的文本将在点击事件时打开网络浏览器。希望这会对您有所帮助。

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

【讨论】:

  • 太棒了!我已经针对我的情况进行了修改。我将编辑我的帖子以包含代码。
  • 有没有类似的方案可以在xml里面使用?
  • 我让它与 OP 的修改版本(在问题中)一起工作,而不是与这个一起工作。 (在这个版本中,点击直接进入“使用完成操作”对话框。)
  • 我使用了这个逻辑,但是必须用 URLSpan 替换 UnderlineSpan。还需要从 SpannableStringBuilder 中删除旧跨度。
  • 这里的变量“d”是什么?
【解决方案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"

可用的选项有: 无,网络,电子邮件,电话,地图,所有

【讨论】:

  • 嗨,有什么方法可以拦截点击链接时触发的意图
  • 这个答案已经 6 年了。当然它可能在最新的 Android 版本中已经改变了 ^^ 这并不意味着它当时不起作用 ^^
【解决方案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));

链接

希望这能有所帮助!您可以找到代码here

【讨论】:

  • 请从text_view.setMovementMethod(new TextViewClickMovement(this, context)); 行再次检查您的代码; Android Studio 抱怨context 无法解析。
  • 如果你从 bitbucket 复制源代码,你应该像这样改变上下文和监听器的位置 text_view.setMovementMethod(new TextViewClickMovement( context.this));
  • 这将为参数解析两个上下文。没有工作,先生。虽然接受的答案现在对我有用
  • 谢谢你的回答,先生,最好的一个,谢谢!
【解决方案7】:

使用原生的Linkify library 一种更清洁、更好的解决方案。

例子:

Linkify.addLinks(mTextView, Linkify.ALL);

【讨论】:

  • 是否可以使用这个来覆盖 onClick 事件?
【解决方案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")
}

【讨论】:

    【解决方案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 
    }
    

    如果需要,您还可以检查意图的方案/mimetype

    【讨论】:

      【解决方案10】:

      我只使用 textView,并为 url 设置 span 并处理点击。

      我在这里找到了非常优雅的解决方案,没有链接 - 据我知道我想链接字符串的哪一部分

      handle textview link click in my android app

      在科特林中:

      fun linkify(view: TextView, url: String, context: Context) {
      
          val text = view.text
          val string = text.toString()
          val span = ClickSpan(object : ClickSpan.OnClickListener {
              override fun onClick() {
                  // handle your click
              }
          })
      
          val start = string.indexOf(url)
          val end = start + url.length
          if (start == -1) return
      
          if (text is Spannable) {
              text.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
              text.setSpan(ForegroundColorSpan(ContextCompat.getColor(context, R.color.orange)),
                      start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
          } else {
              val s = SpannableString.valueOf(text)
              s.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
              s.setSpan(ForegroundColorSpan(ContextCompat.getColor(context, R.color.orange)),
                      start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
              view.text = s
          }
      
          val m = view.movementMethod
          if (m == null || m !is LinkMovementMethod) {
              view.movementMethod = LinkMovementMethod.getInstance()
          }
      }
      
      class ClickSpan(private val mListener: OnClickListener) : ClickableSpan() {
      
          override fun onClick(widget: View) {
              mListener.onClick()
          }
      
          interface OnClickListener {
              fun onClick()
          }
      }
      

      及用法:linkify(yourTextView, urlString, context)

      【讨论】:

        【解决方案11】:

        您可以使用名为 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;
                    }));
        

        【讨论】:

          【解决方案12】:

          这个页面解决了我的问题,但我必须自己想办法。我正在使用 android 字符串资源来设置 TextView 的文本,显然,它们返回了一个 CharSequence,在文本之间有一个链接。

          这些是资源:

          <string name="license_agreement">By registering, you agree with our <b><ahref="www.privacy-options.com">Privacy Policy</a></b> and <b><a href="www.terms-and-conditions.com">Terms and Conditions</a></b></string>
          
          <string name="sign_now">Already have an account? <b><a href="@login_page">Login</a></b></string>
          

          我对建议的代码之一进行了更改。代码:

           @Override
              protected void onCreate(@Nullable Bundle savedInstanceState) {
                  super.onCreate(savedInstanceState);
          
                  // ...
          
                  // Make Licence agreement statements and login text clickable links
                  setLinkOnText(binding.txtLcAgree);
                  setLinkOnText(binding.signNow);
          
              }
          
              private void detectLinkClick(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 links retrieved from span.getURL(), to handle link click...
                      String clickedUrl = span.getURL();
                      switch (clickedUrl) {
                          case "@login_page":
                              startActivity(new Intent(RegistrationActivity.this, LoginActivity.class));
                              break;
                          case "http://www.privacy-options.com":
                              Uri link1 = Uri.parse("http://www.privacy-options.com");
                              startActivity(new Intent(Intent.ACTION_VIEW, link1));
                              break;
                          case "http://www.terms-and-conditions.com":
                              Uri link2 = Uri.parse("http://www.terms-and-conditions.com");
                              startActivity(new Intent(Intent.ACTION_VIEW, link2));
                              break;
                          default:
                              Log.w(getClass().getSimpleName(), "No action for this");
          
                      }
                  }
              };
          
              strBuilder.setSpan(clickable, start, end, flags);
              strBuilder.removeSpan(span);
          }
          
              protected void setLinkOnText(TextView text) {
                  CharSequence sequence = text.getText();
                  SpannableStringBuilder strBuilder = new SpannableStringBuilder(sequence);
                  URLSpan[] urls = strBuilder.getSpans(0, sequence.length(), URLSpan.class);
                  for (URLSpan span : urls) {
                      detectLinkClick(strBuilder, span);
                  }
                  text.setText(strBuilder);
                  text.setMovementMethod(LinkMovementMethod.getInstance());
              }
          

          span.getUrl() 检索到的链接是我在字符串资源中设置的初始链接。由于 TextView 中的文本已经是链接格式,我只是简单地在 SpannableStringBuilder 中使用了该文本。

          【讨论】:

            猜你喜欢
            • 2016-07-18
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2012-03-13
            • 2011-02-13
            相关资源
            最近更新 更多