android ClickableSpan拦截点击事件

2g32fytz 于 2023-06-21 发布在 Android

关注(0)|答案(5)|浏览(247)

我在布局中有一个TextView。它非常简单。我在布局中放置了一个OnClickListener，TextView的某些部分被设置为ClickableSpan。我希望ClickableSpan在被单击时在onClick函数中执行一些操作，而当TextView的另一部分被单击时，它必须在布局的OnClickListener的onClick函数中执行一些操作。以下是我的代码。

RelativeLayout l = (RelativeLayout)findViewById(R.id.contentLayout);
    l.setOnClickListener(new OnClickListener(){
        @Override
        public void onClick(View v) {
            Toast.makeText(MainActivity.this, "whole layout", Toast.LENGTH_SHORT).show();
        }
    });

    TextView textView = (TextView)findViewById(R.id.t1);
    textView.setMovementMethod(LinkMovementMethod.getInstance());

    SpannableString spannableString = new SpannableString(textView.getText().toString());
    ClickableSpan span = new ClickableSpan() {
        @Override
        public void onClick(View widget) {
            Toast.makeText(MainActivity.this, "just word", Toast.LENGTH_SHORT).show();
        }
    };
    spannableString.setSpan(span, 0, 5, Spannable.SPAN_INCLUSIVE_INCLUSIVE);        
    textView.setText(spannableString);

android

来源：https://stackoverflow.com/questions/16792963/android-clickablespan-intercepts-the-click-event

5条答案

按热度按时间

k2arahey1#

我也遇到过这个问题，多亏了上面提到的源代码@KMDev，我想出了一个更干净的方法。
首先，由于我只有一个TextView，它可以部分点击，实际上我不需要LinkMovementMethod（及其超类ScrollingMovementMethod）的大部分功能，LinkMovementMethod增加了处理按键、滚动等的能力。
相反，创建一个使用LinkMovementMethod中的OnTouch()代码的自定义MovementMethod：
ClickableMovementMethod.java

package com.example.yourapplication;

import android.text.Layout;
import android.text.Selection;
import android.text.Spannable;
import android.text.method.BaseMovementMethod;
import android.text.method.LinkMovementMethod;
import android.text.style.ClickableSpan;
import android.view.MotionEvent;
import android.widget.TextView;

/**
 * A movement method that traverses links in the text buffer and fires clicks. Unlike
 * {@link LinkMovementMethod}, this will not consume touch events outside {@link ClickableSpan}s.
 */
public class ClickableMovementMethod extends BaseMovementMethod {

    private static ClickableMovementMethod sInstance;

    public static ClickableMovementMethod getInstance() {
        if (sInstance == null) {
            sInstance = new ClickableMovementMethod();
        }
        return sInstance;
    }

    @Override
    public boolean canSelectArbitrarily() {
        return false;
    }

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

        int action = event.getActionMasked();
        if (action == MotionEvent.ACTION_UP || action == MotionEvent.ACTION_DOWN) {

            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) {
                if (action == MotionEvent.ACTION_UP) {
                    link[0].onClick(widget);
                } else {
                    Selection.setSelection(buffer, buffer.getSpanStart(link[0]),
                            buffer.getSpanEnd(link[0]));
                }
                return true;
            } else {
                Selection.removeSelection(buffer);
            }
        }

        return false;
    }

    @Override
    public void initialize(TextView widget, Spannable text) {
        Selection.removeSelection(text);
    }
}

然后使用这个ClickableMovementMethod，触摸事件将不再被移动方法消耗。但是，调用TextView.fixFocusableAndClickableSettings()的TextView.setMovementMethod()将把可点击、可长时间点击和可聚焦设置为true，这将使View.onTouchEvent()消耗触摸事件。要解决这个问题，只需重置这三个属性。
因此，ClickableMovementMethod附带的最后一个实用程序方法如下所示：

public static void setTextViewLinkClickable(TextView textView) {
    textView.setMovementMethod(ClickableMovementMethod.getInstance());
    // Reset for TextView.fixFocusableAndClickableSettings(). We don't want View.onTouchEvent()
    // to consume touch events.
    textView.setClickable(false);
    textView.setLongClickable(false);
}

这对我来说就像一个护身符。
ClickableSpan上的单击事件被激发，并且它们外部的单击被传递到父布局侦听器。
请注意，如果您要使TextView可选，我还没有针对这种情况进行测试，也许您需要自己深入了解源代码：P

赞(0）回复(0）举报 2023-01-19

ehxuflar2#

第一个答案是，你没有在TextView上设置一个点击监听器，正如user 2558882指出的那样，TextView正在消耗点击事件。在你的TextView上设置一个点击监听器之后，你会看到ClickableSpans触摸区域之外的区域将按预期工作。然而，你会发现，当你点击你的一个ClickableSpans时，TextView的onClick回调也将被激发。如果同时激发两个回调对您来说是个问题，则这会导致我们遇到一个难题。user 2558882的答复不能保证ClickableSpan的onClick回调将在TextView的onClick回调之前激发。这是a similar thread中一些实现得更好的解决方案，以及来自源代码的解释。线程应该在大多数设备上工作这一公认的答案，但该答案的评论提到某些设备存在问题。看起来一些具有自定义运营商/制造商UI的设备应该受到指责，但那只是猜测。
那么，为什么不能保证onClick回调顺序呢？如果你看一下TextView（Android 4.3）的源代码，你会注意到在onTouchEvent方法中，boolean superResult = super.onTouchEvent(event);（super是View）在handled |= mMovement.onTouchEvent(this, (Spannable) mText, event);之前被调用，handled |= mMovement.onTouchEvent(this, (Spannable) mText, event);是对移动方法的调用，然后调用ClickableSpan的onClick。看一下super的（View）onTouchEvent（..），你会注意到：

// Use a Runnable and post this rather than 
    // performClick directly. This lets other visual 
    // of the view update before click actions start.
    if (mPerformClick == null) {
        mPerformClick = new PerformClick();
    }
    if (!post(mPerformClick)) { // <---- In the case that this won't post, 
        performClick();         //    it'll fallback to calling it directly
    }

performClick（）调用click侦听器集，在本例中是我们TextView的click侦听器。这意味着，您不知道onClick回调将以什么顺序触发。您所知道的是，ClickableSpan和TextView click侦听器将被调用。我前面提到的线程上的解决方案有助于确保顺序，以便您可以使用标志。
如果确保与许多设备的兼容性是一个优先事项，那么最好再看看你的布局，看看你是否可以避免陷入这种情况。通常有很多布局选项来回避这种情况。

编辑备注答案：

当TextView执行onTouchEvent时，它会调用LinkMovementMethod的onTouchEvent，以便处理对各种ClickableSpan的onClick方法的调用。LinkMovementMethod在其onTouchEvent中执行以下操作：

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

        if (action == MotionEvent.ACTION_UP ||
            action == MotionEvent.ACTION_DOWN) {
            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) {
                if (action == MotionEvent.ACTION_UP) {
                    link[0].onClick(widget);
                } else if (action == MotionEvent.ACTION_DOWN) {
                    Selection.setSelection(buffer,
                                           buffer.getSpanStart(link[0]),
                                           buffer.getSpanEnd(link[0]));
                }

                return true;
            } else {
                Selection.removeSelection(buffer);

            }
         }

        return super.onTouchEvent(widget, buffer, event);
    }

您会注意到，它接受MotionEvent，获取动作（ACTION_UP：提升指，动作向下：按下手指），触摸起始位置的x和y坐标，然后查找触摸击中的行号和偏移（文本中的位置）。最后，如果有包含该点的ClickableSpan，则检索它们并调用它们的onClick方法。由于我们希望将任何触摸传递到父布局，你可以调用布局onTouchEvent，如果你想让它在被触摸时执行所有操作，或者你可以调用它的click listener，如果它实现了你需要的功能。

if (link.length != 0) {
                if (action == MotionEvent.ACTION_UP) {
                    link[0].onClick(widget);
                } else if (action == MotionEvent.ACTION_DOWN) {
                    Selection.setSelection(buffer,
                                           buffer.getSpanStart(link[0]),
                                           buffer.getSpanEnd(link[0]));
                }

                return true;
            } else {
                Selection.removeSelection(buffer);

                // Your call to your layout's onTouchEvent or it's 
                //onClick listener depending on your needs

            }
         }

回顾一下，您将创建一个扩展LinkMovementMethod的新类，重写它的onTouchEvent方法，复制并粘贴这个源代码，并将您的调用粘贴到我注解的正确位置，确保您将TextView的移动方法设置为这个新子类，并且您应该设置。

再次编辑以避免可能的副作用查看ScrollingMovementMethod的源代码（LinkMovementMethod的父方法），您将看到它是一个调用静态方法return Touch.onTouchEvent(widget, buffer, event);的委托方法。这意味着您可以将其添加为方法中的最后一行，而避免调用super的（LinkMovementMethod的）onTouchEvent实现会复制您粘贴的内容，其他事件可能会按预期失败。

赞(0）回复(0）举报 2023-01-19

ccgok5k53#

这里有一个简单的解决方案，它对我很有效
您可以使用Textview类的getSelectionStart（）和getSelectionEnd（）函数中的一种变通方法来实现这一点。

tv.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        ClassroomLog.log(TAG, "Textview Click listener ");
        if (tv.getSelectionStart() == -1 && tv.getSelectionEnd() == -1) {
            //This condition will satisfy only when it is not an autolinked text
            //Fired only when you touch the part of the text that is not hyperlinked 
        }
    }
});

赞(0）回复(0）举报 2023-01-19

wh6knrhe4#

声明一个全局boolean变量：

boolean wordClicked = false;

将l声明并初始化为final：

final RelativeLayout l = (RelativeLayout)findViewById(R.id.contentLayout);

将OnClickListener添加到textView：

textView.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
        if (!wordClicked) {
            // Let the click be handled by `l's` OnClickListener
            l.performClick();   
        }
    }
});

将span更改为：

ClickableSpan span = new ClickableSpan() {

    @Override
    public void onClick(View widget) {
        wordClicked = true;
        Toast.makeText(Trial.this, "just word", Toast.LENGTH_SHORT).show();

        // A 100 millisecond delay to let the click event propagate to `textView's` 
        // OnClickListener and to let the check `if (!wordClicked)` fail
        new Handler().postDelayed(new Runnable() {

            @Override
            public void run() {
                wordClicked = false;                        
            }
        }, 100L);
    }
};

编辑：

考虑到用户KMDev的答案，下面的代码将满足您的规范。我们创建两个span：一个用于指定长度：spannableString.setSpan(.., 0, 5, ..);，另一个与余数：spannableString.setSpan(.., 6, spannableString.legth(), ..);。第二个ClickableSpan（span2）执行对RelativeLayout的单击。此外，通过覆盖updateDrawState(TextPaint)，我们能够为第二个span赋予非独特（非样式化）外观。而第一个span具有链接颜色并带有下划线。

final RelativeLayout l = (RelativeLayout)findViewById(R.id.contentLayout);
    l.setOnClickListener(new OnClickListener(){
        @Override
        public void onClick(View v) {
            Toast.makeText(Trial.this, "whole layout", Toast.LENGTH_SHORT).show();
        }
    });

TextView textView = (TextView)findViewById(R.id.t1);
textView.setMovementMethod(LinkMovementMethod.getInstance());
textView.setHighlightColor(Color.TRANSPARENT);

SpannableString spannableString = new SpannableString(textView.getText().toString());

ClickableSpan span = new ClickableSpan() {
    @Override
    public void onClick(View widget) {
        Toast.makeText(Trial.this, "just word", Toast.LENGTH_SHORT).show();
    }
};

spannableString.setSpan(span, 0, 5, Spannable.SPAN_INCLUSIVE_INCLUSIVE);     

ClickableSpan span2 = new ClickableSpan() {
    @Override
    public void onClick(View widget) {
        l.performClick();
    }

    @Override
    public void updateDrawState(TextPaint tp) {
        tp.bgColor = getResources().getColor(android.R.color.transparent);
        tp.setUnderlineText(false);
    }
};

spannableString.setSpan(span2, 6, spannableString.length(), 
                                      Spannable.SPAN_INCLUSIVE_INCLUSIVE);  

textView.setText(spannableString);

特别感谢用户KMDev注意到我最初的答案中的问题。不需要使用布尔变量执行（错误）检查，也不需要为TextView设置OnclickListener。

赞(0）回复(0）举报 2023-01-19

xmq68pz95#

实现ClickableSpan最简单、最快捷的方法是：

new SmartClickableSpan
   .Builder(this)
   .regularText("I agree to all ")
   .clickableText(new ClickableOptions().setText("Terms of Use").setOnClick(new 
       ClickableSpan() {
           @Override
           public void onClick(@NonNull View view) {
               // Your Code..
           }
   }))
   .into(myTextView);

在Android中添加常规的可点击跨度需要计算每个可点击文本的大小，当涉及到在TextView中添加大量可点击和常规的单词或句子时，就会变得一团糟。通过使用SmartClickableSpan，您将能够添加任何数量的可点击单词或句子，而无需担心每次更新时计算每个文本的长度。

智能点击范围Github：

https://github.com/HseinNd98/SmartClickableSpan

赞(0）回复(0）举报 2023-01-19

我来回答

android ClickableSpan拦截点击事件

5条答案

智能点击范围Github：

相关问题

热门标签

最新问答