问题描述
在聊天页面,富文本开发中遇到一个诡异的问题,富文本中的电话号码可以正常响应点击,但是表格样式就无法响应点击,但是静置一段时间,表格也可以正常响应点击,现象非常诡异。
解决过程
一开始,一直在RecyclerView子Item点击事件处理的方向研究,发现都很正常,也不是焦点的问题。
后来从现象本身去研究这个问题,自定义的超链接样式,无法正常响应原因估计还是在onTouchEvent处理中,研究下源码;然后,文本中有电话号码时,并没有主动去识别超链接,系统如何去自动识别,并响应点击的呢?
自定义超链接无法响应
带着问题去研究TextView#onTouchEvent(),同时google超链接不响应的问题,会提到设置TextView#setMovementMethod,结合这一点,迅速发现了问题所在,看下面关键源码:
@Override
public boolean onTouchEvent(MotionEvent event) {
// 略去无关代码
if ((mMovement != null || onCheckIsTextEditor()) && isEnabled()
&& mText instanceof Spannable && mLayout != null) {
boolean handled = false;
if (mMovement != null) {
handled |= mMovement.onTouchEvent(this, (Spannable) mText, event);
}
final boolean textIsSelectable = isTextSelectable();
if (touchIsFinished && mLinksClickable && mAutoLinkMask != 0 && textIsSelectable) {
// The LinkMovementMethod which should handle taps on links has not been installed
// on non editable text that support text selection.
// We reproduce its behavior here to open links for these.
ClickableSpan[] links = ((Spannable) mText).getSpans(getSelectionStart(),
getSelectionEnd(), ClickableSpan.class);
if (links.length > 0) {
links[0].onClick(this);
handled = true;
}
}
}
// 略去无关代码
}
可以看到,如果进不到这个if分支的话,超链接的点击就不会处理了。关键就是第一个条件是否满足,mMovement调试发现是null,onCheckIsTextEditor()方法也是false,所以就进不了if分支,也就解释了,无法响应点击的问题。onCheckIsTextEditor()跟是否selectable有关系,如果setTextIsSelectable(true),这个方法就会返回true,这个时候确实可以响应点击了,但是聊天列表会存在滑动卡顿。需要主动设置setMovementMethod,可以解决问题。
那电话号码的超链接,没有设置MovementMethod,为什么也可以点击呢?
电话号码超链接原理
电话号码超链接的使用非常简单,只需简单一句:
textView.setText(telephoneText);
那玄机就隐藏在TextView#setText()方法中,对照源码,一步步跟到一个具体干活的方法中,发现了玄机:
private void setText(CharSequence text, BufferType type, boolean notifyBefore, int oldlen) {
// 略去无关代码
if (mAutoLinkMask != 0) {
Spannable s2;
if (type == BufferType.EDITABLE || text instanceof Spannable) {
s2 = (Spannable) text;
} else {
s2 = mSpannableFactory.newSpannable(text);
}
if (Linkify.addLinks(s2, mAutoLinkMask)) {
text = s2;
type = (type == BufferType.EDITABLE) ? BufferType.EDITABLE : BufferType.SPANNABLE;
/*
* We must go ahead and set the text before changing the
* movement method, because setMovementMethod() may call
* setText() again to try to upgrade the buffer type.
*/
mText = text;
// Do not change the movement method for text that support text selection as it
// would prevent an arbitrary cursor displacement.
if (mLinksClickable && !textCanBeSelected()) {
setMovementMethod(LinkMovementMethod.getInstance());
}
}
}
// 略去无关代码
}
可以看到如果mAutoLinkMask不等于0的话,会主动去添加超链接,mAutoLinkMask也就是我们在布局文件中配置的
android:autoLink="all"
Linkify#addLinks()就实现了根据既定的规格去自动添加超链接,Android移动预设了4种类型:web、email、phone和map。然后,最后这if分支可以进入,所以,Android系统会主动设置MovementMethod,这就解释了电话号码超链接可以点击的现象。
为什么静置后,自定义超链接可以点击
至于滑动后静置又可以被点击,不是因为静置,而是因为滑动过程中,出现了Item复用导致的,正好复用到了设置过MovementMethod的TextView。
有没有想过,超链接只有点击在超链接位置才会响应点击,是如何实现的?
这恰好就是MovementMethod起的作用,回到最上面onTouchEvent的代码,会看到事件会交给MovementMethod#onTouchEvent处理。MovementMethod#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[] links = buffer.getSpans(off, off, ClickableSpan.class);
if (links.length != 0) {
if (action == MotionEvent.ACTION_UP) {
links[0].onClick(widget);
} else if (action == MotionEvent.ACTION_DOWN) {
Selection.setSelection(buffer,
buffer.getSpanStart(links[0]),
buffer.getSpanEnd(links[0]));
}
return true;
} else {
Selection.removeSelection(buffer);
}
}
return super.onTouchEvent(widget, buffer, event);
}
可以比较清晰的看到,通过计算点击的位置,然后去查找该位置是否有相对应的超链接处理ClickableSpan,找到的话就来处理对应的超链接事件了。
其他
此外,还有一位同学遇到了实现了超链接点击,但是导致无法实现Item点击的问题,发现了Android系统的一个bug,提出了解决方法,可以参考链接。