【View系列】手把手教你解决ViewPager2滑动冲突

@Override

public boolean dispatchTouchEvent(MotionEvent ev) {

// Check for interception.

final boolean intercepted;

//1

if (actionMasked == MotionEvent.ACTION_DOWN

|| mFirstTouchTarget != null) {

//如果child调用了requestDisallowInterceptTouchEvent(true)则disallowIntercept为true

final boolean disallowIntercept = (mGroupFlags & FLAG_DISALLOW_INTERCEPT) != 0;

if (!disallowIntercept) {

//2

intercepted = onInterceptTouchEvent(ev);

ev.setAction(action); // restore action in case it was changed

} else {

intercepted = false;

}

}

TouchTarget target = mFirstTouchTarget;

while (target != null) {

final TouchTarget next = target.next;

//3

final boolean cancelChild = resetCancelNextUpFlag(target.child)

|| intercepted;

//4

if (dispatchTransformedTouchEvent(ev, cancelChild,

target.child, target.pointerIdBits)) {

handled = true;

}

//5

//如果cancelChild为true 则将mFirstTouchTarget的头部去掉并回收

if (cancelChild) {

if (predecessor == null) {

mFirstTouchTarget = next;

} else {

predecessor.next = next;

}

target.recycle();

target = next;

continue;

}

predecessor = target;

target = next;

}

}

//View.java

private boolean dispatchTransformedTouchEvent(MotionEvent event, boolean cancel,

View child, int desiredPointerIdBits) {

final boolean handled;

final int oldAction = event.getAction();

//如果cancel为true进入代码块

if (cancel || oldAction == MotionEvent.ACTION_CANCEL) {

//重置event为MotionEvent.ACTION_CANCEL 触发了child的ACTION_CANCEL

event.setAction(MotionEvent.ACTION_CANCEL);

if (child == null) {

handled = super.dispatchTouchEvent(event);

} else {

handled = child.dispatchTouchEvent(event);

}

event.setAction(oldAction);

return handled;

}

}

复制代码

如果看过我之前发的View事件分发源码解析文章,对上面这些代码应该不陌生,没看过的推荐先去看一下再来看这一块内容。这里我重新再简略捋一遍当前场景的流程:

  1. ACTION_DOWN事件过来,走入RecyclerView的onInterceptTouchEvent方法,RecyclerView没有拦截,交由ItemView处理,然后ItemView由于可以点击,所以默认消费了down事件,从而也导致了mFirstTouchTarget不为空,down事件流程结束。

  2. 紧接着一系列ACTION_MOVE事件过来,由于这个时候mFirstTouchTarget不为空,所以还是走进去了标注2处RecyclerView的onInterceptTouchEvent方法,这时候如果我们的滑动距离超过了最小滑动事件,那么RecyclerView内部会返回true,导致intercepted为true

  3. 步骤2后,紧接着会导致标注3cancelChild也为true,进入到标注4处的dispatchTransformedTouchEvent方法,导致了ItemView的ACTION_CANCEL的触发

  4. 标注5处代码,如果cancelChild为true会导致当前mFirstTouchTarget为空,并回收掉之前的mFirstTouchTarget,然后后续事件再次传递过来的时候,发现mFisrtTouchTarget==null,直接RecyclerView自己就开始消费后续事件系列了。

到这我们基本弄清楚了场景2的事件传递的整体流程。这个时候有人可能会问讲这个场景的流程有啥用呢?实际上这个场景梳理明白了,我们自己就会对整体事件分发流程比较清晰了,而且中间是不是也涉及到了事件流方向的更改,算是一个为咱们解决滑动冲突做个铺垫吧。

小结:

从上面的分析我们可以知道:

  1. 子view把事件消费的同时,父View仍然可以通过onInterceptTouchEvent来在合适的时候再把事件给拦截住,并交给自己处理

  2. 如果子view拿到事件后,不想让父view再拦截,可以通过调用requestDisallowInterceptTouchEvent(true)来禁用父view拦截事件(父View不会再调用自己的onInterceptTouchEvent方法了)

ViewPager2嵌套RecyclerView滑动冲突分析及解决

ViewPager2是谷歌近两年新出的用来替代ViewPager的一个控件,ViewPager支持的功能ViewPager2都支持,并且ViewPager2还支持竖直方向。下面我们简单看下ViewPager2的大致结构:

//ViewPager2.java

//ViewPager2继承自ViewGroup

public final class ViewPager2 extends ViewGroup {

public ViewPager2(@NonNull Context context) {

super(context);

initialize(context, null);

}

public ViewPager2(@NonNull Context context, @Nullable AttributeSet attrs) {

super(context, attrs);

initialize(context, attrs);

}

private void initialize(Context context, AttributeSet attrs) {

//创建一个RecyclerView

mRecyclerView = new RecyclerViewImpl(context);

//将recyclerView添加到ViewPager2中

attachViewToParent(mRecyclerView, 0, mRecyclerView.getLayoutParams());

}

}

复制代码

从上面的代码可以知道ViewPager2继承自ViewGroup并添加了个RecyclerView,因此我们基本可以简单认为ViewPager2就是一个RecyclerView。现在我们再想象一个场景,如果横向滑动的ViewPager2其中一个Page里面包裹了一个横向滑动的RecyclerView,横向滑动谁消费呢?通过文章开头我们对RecyclerView的分析,横向滑动距离超过最小滑动距离的时候ViewPager2里面的RecyclerView会将事件拦截下来,所以基本来说我们划不动子Page的RecyclerView,大家可以试试。既然我们知道了滑动冲突的原因,这个时候我们可以想想大概的解决思路。。。em。。。。好,十分钟过去了,大概解决方案我们可以按照以下几个步骤解决:

  1. 由于RecyclerView并没有拦截down事件,我们可以在接受到down事件的时候请求父View不要拦截事件

  2. 后续move事件到我们这并且水平滑动距离大于最小滑动距离的时候,再问我们的子RecyclerVIew能否在这个滑动方向滑动,如果能,继续禁止父类拦截事件。如果不能则允许父类拦截事件

想清楚解决问题的步骤了,那么我们就可以直接动手写了,先搞一个通用的官方方案,用NestedScrollableHost作为RecyclerView的容器可以解决滑动冲突,具体代码及注释如下:

class NestedScrollableHost : FrameLayout {

constructor(context: Context) : super(context)

constructor(context: Context, attrs: AttributeSet?) : super(context, attrs)

private var touchSlop = 0

private var initialX = 0f

private var initialY = 0f

//循环遍历找到viewPager2

private val parentViewPager: ViewPager2?

get() {

var v: View? = parent as? View

while (v != null && v !is ViewPager2) {

v = v.parent as? View

}

return v as? ViewPager2

}

//找到子RecyclerView

private val child: View? get() = if (childCount > 0) getChildAt(0) else null

init {

//最小滑动距离

touchSlop = ViewConfiguration.get(context).scaledTouchSlop

}

private fun canChildScroll(orientation: Int, delta: Float): Boolean {

val direction = -delta.sign.toInt()

return when (orientation) {

//判断子RecyclerView在水平方向是否可以滑动deltaX

0 -> child?.canScrollHorizontally(direction) ?: false

//判断子RecyclerView在竖直方向是否可以滑动deltaY

1 -> child?.canScrollVertically(direction) ?: false

else -> throw IllegalArgumentException()

}

}

override fun onInterceptTouchEvent(e: MotionEvent): Boolean {

handleInterceptTouchEvent(e)

return super.onInterceptTouchEvent(e)

}

private fun handleInterceptTouchEvent(e: MotionEvent) {

val orientation = parentViewPager?.orientation ?: return

//如果子RecyclerView在viewPager2的滑动方向上不能滑动直接返回

if (!canChildScroll(orientation, -1f) && !canChildScroll(orientation, 1f)) {

return

}

if (e.action == MotionEvent.ACTION_DOWN) {

initialX = e.x

initialY = e.y

//down事件直接强制禁止父view拦截事件,后续事件先交给子RecyclerView先判断是否能够消费

//如果这一块不强制禁止父view会导致后续事件可能直接没到子RecyclerView就被父view拦截了

//默认RecyclerView onTouchEvent返回true但是viewPager2会在onInterceptTouchEvent拦截住

parent.requestDisallowInterceptTouchEvent(true)

} else if (e.action == MotionEvent.ACTION_MOVE) {

//计算手指滑动距离

val dx = e.x - initialX

val dy = e.y - initialY

val isVpHorizontal = orientation == ORIENTATION_HORIZONTAL

val scaledDx = dx.absoluteValue * if (isVpHorizontal) .5f else 1f

val scaledDy = dy.absoluteValue * if (isVpHorizontal) 1f else .5f

//滑动距离超过最小滑动值

if (scaledDx > touchSlop || scaledDy > touchSlop) {

if (isVpHorizontal == (scaledDy > scaledDx)) {

//如果viewPager2是横向滑动但手势是竖直方向滑动,则允许所有父类拦截

parent.requestDisallowInterceptTouchEvent(false)

} else {

//手势滑动方向和viewPage2是同方向的,需要询问子RecyclerView是否在同方向能滑动

if (canChildScroll(orientation, if (isVpHorizontal) dx else dy)) {

//子RecyclerView能滑动直接禁止父view拦截事件

parent.requestDisallowInterceptTouchEvent(true)

} else {

//子RecyclerView不能滑动(划到第一个Item还往右滑或者划到最后面一个Item还往左划的时候)允许父view拦截

parent.requestDisallowInterceptTouchEvent(false)

}

}

}

}

}

}

复制代码

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后

最后这里放上我这段时间复习的资料,这个资料也是偶然一位朋友分享给我的,里面包含了腾讯、字节跳动、阿里、百度2020-2021面试真题解析,并且把每个技术点整理成了视频和PDF(知识脉络 + 诸多细节)。

还有 高级架构技术进阶脑图、高级进阶架构资料 帮助大家学习提升进阶,这里我也免费分享给大家也节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。

一起互勉~

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!

mg src=“https://i-blog.csdnimg.cn/blog_migrate/b891b497af10e89a378c2c42432c56dc.jpeg” />

最后

最后这里放上我这段时间复习的资料,这个资料也是偶然一位朋友分享给我的,里面包含了腾讯、字节跳动、阿里、百度2020-2021面试真题解析,并且把每个技术点整理成了视频和PDF(知识脉络 + 诸多细节)。

还有 高级架构技术进阶脑图、高级进阶架构资料 帮助大家学习提升进阶,这里我也免费分享给大家也节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。

[外链图片转存中…(img-fITj1aYz-1711929329200)]

[外链图片转存中…(img-ap2Nt1LE-1711929329200)]

一起互勉~

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值