将带有ClickableSpan的TextView触摸事件重定向到父视图

Question

我有一个RecyclerView，其中包含可能包含自定义哈希标签的TextViews，这些标签应该是可点击的。因此，我创建了一个TextView子类，在其中使用Pattern创建ClickableSpan。为了使ClickableSpan处于活动状态，我已经添加了

。

setMovementMethod(LinkMovementMethod.getInstance())

这个方法可以改变TextView的属性：

setFocusable(true);
setClickable(true);
setLongClickable(true);

点击链接可以正常工作，但它会阻止列表项上显示涟漪效果，并且忽略除哈希标签外的 TextView 的点击。

因此，我想知道如何将 TextView（除哈希标签外的所有 TextView）上的触摸事件重定向到其父元素？

- Viktor K

Answer 1

感谢Viktor --

我使用这个方法来允许非可点击区域的触摸事件穿透到父元素。

override fun dispatchTouchEvent(event: MotionEvent?): Boolean {

        if (hasOnClickListeners() == false && linksClickable == false) {
            // Avoid all touches
            return false
        }

        // Handle avoiding touch events, if not on a clickable span
        if (event != null && hasOnClickListeners() == false) {
            if (layout != null) {
                val line = layout.getLineForVertical(event.y.toInt())
                val offset = layout.getOffsetForHorizontal(line, event.x)

                if (text != null && text is Spanned) {
                    val spanned = text as Spanned

                    val spansAtPoint = spanned.getSpans(offset, offset, ClickableSpan::class.java)
                    if (spansAtPoint.size == 0) {
                        // No clickable span at event -- abort touch
                        return false
                    }
                }
            }
        }
        return super.dispatchTouchEvent(event)
    }

- beebcon

Answer 2

我在网上没有找到解决方案，所以最终自己实现了它。

因此，我没有使用带有MovementMethod的简单TextView，而是创建了一个扩展了onTouchEvent的新类作为TextView。

public class MyTextView extends TextView {
@Override
  public boolean onTouchEvent(@NonNull MotionEvent event) {
    if (linksActive) {
      Layout layout = this.getLayout();
      if (layout != null) {
        int line = layout.getLineForVertical((int) event.getY());
        int offset = layout.getOffsetForHorizontal(line, event.getX());

        if (getText() != null && getText() instanceof Spanned) {
          Spanned spanned = (Spanned) getText();

          ClickableSpan[] links = spanned.getSpans(offset, offset, ClickableSpan.class);

          if (links.length > 0) {

            if (event.getAction() == MotionEvent.ACTION_DOWN) {
              return true;
            } else if (event.getAction() == MotionEvent.ACTION_UP) {
              links[0].onClick(this);
            } else {
              return super.onTouchEvent(event);
            }
          }
        }
      }
    }

    return super.onTouchEvent(event);
  }
}

我创建了一个继承自ClickableSpan的类来处理点击事件：

public class URLSpan extends ClickableSpan {
  private String url;
  private int spanType;

  public URLSpan(String url, int spanType) {
    this.url = url;
    this.spanType = spanType;
  }

  public int getType() {
    return spanType;
  }

  @Override
  public void onClick(@NonNull View widget) {
    if (widget instanceof OnSpanClickListener) {
      ((OnSpanClickListener) widget).onSpanClicked(url, type);
    } else {
      // ignored
    }
  }

}

在这种情况下，我必须自己管理跨度 (在 setText() 方法中)

public static void formatPhoneNumbers(@NonNull Spannable spannable, @ColorInt int color) {
    Matcher matcher = MY_Patterns.PHONE_NO.matcher(spannable);
    while (matcher.find()) {
      if (!Linkify.sPhoneNumberMatchFilter.acceptMatch(spannable, matcher.start(), matcher.end())) {
        continue;
      }

      removeSpans(spannable, SpanType.PHONE_NO, matcher.start(), matcher.end());

      if (hasClickableSpans(spannable, matcher.start(), matcher.end())) {
        // ignore different clickable spans overlap
        continue;
      }

      final ForegroundColorSpan span = new ForegroundColorSpan(color);
      final ClickableSpan urlSpan = new URLSpan(matcher.group(), SpanType.PHONE_NO);

      spannable.setSpan(urlSpan, matcher.start(), matcher.end(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
      spannable.setSpan(span, matcher.start(), matcher.end(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    }
  }

  private static void removeSpans(@NonNull Spannable spannable, int type, int start, int end) {
    URLSpan[] arr = spannable.getSpans(start, end, URLSpan.class);
    for (URLSpan span : arr) {
      if (span.getType() == type) {
        spannable.removeSpan(span);
      }
    }
  }

  private static boolean hasClickableSpans(@NonNull Spannable spannable, int start, int end) {
    ClickableSpan[] arr = spannable.getSpans(start, end, ClickableSpan.class);
    return arr.length > 0;
  }

- Viktor K

---

我有同样的问题，这个解决方案已经可行了吗？你能把onClick传递给父元素（并且涟漪效果）而不是TextView吗？ - Nicolas Jafelle

你什么时候设置linksActive？ - kenyee

我将该属性作为 XML 属性添加，并为该类添加了公共 setter。 - Viktor K