这可能是ViewPager2滑动冲突最全面的处理方案(1)

public boolean onInterceptTouchEvent(MotionEvent event) {

boolean intercepted = false;

int x = (int) event.getX();

int y = (int) event.getY();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN: {

intercepted = false;

break;

}

case MotionEvent.ACTION_MOVE: {

if (needIntercept) { // 这里根据需求判断是否需要拦截

intercepted = true;

} else {

intercepted = false;

}

break;

}

case MotionEvent.ACTION_UP: {

intercepted = false;

break;

}

default:

break;

}

mLastXIntercept = x;

mLastYIntercept = y;

return intercepted;

}

2.内部拦截法


所谓的”内部拦截法“指的是对内部的View做文章,让内部View决定是不是拦截事件。但是现在就有问题了,你怎么知道外部的View是不是要拦截事件啊??如果外部View把事件拦截了,内部的View岂不是连西北风都喝不到了?别着急,Google官方当然有考虑到这种情况。在ViewGroup中有一个叫requestDisallowInterceptTouchEvent的方法,这个方法接受一个boolean值,意思是是否要禁止ViewGroup拦截当前事件。如果是true的话那么该ViewGroup则无法对事件进行拦截。有了这个方法那我们就可以让内部View大显神通了。来看下内部拦截法的代码:

public boolean dispatchTouchEvent(MotionEvent event) {

int x = (int) event.getX();

int y = (int) event.getY();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN: {

// 禁止parent拦截down事件

parent.requestDisallowInterceptTouchEvent(true);

break;

}

case MotionEvent.ACTION_MOVE: {

int deltaX = x - mLastX;

int deltaY = y - mLastY;

if (disallowParentInterceptTouchEvent) { // 根据需求条件来决定是否让Parent View拦截事件。

parent.requestDisallowInterceptTouchEvent(false);

}

break;

}

case MotionEvent.ACTION_UP: {

break;

}

default:

break;

}

mLastX = x;

mLastY = y;

return super.dispatchTouchEvent(event);

}

这么处理之后,两个嵌套View就可以和谐工作了。

下面是来自外部View和内部View的对话。

外部View:”我想拦截事件!“

内部View:”不,你不想。这事件我要定了,耶稣都留不住他。“

三、处理ViewPager2的滑动冲突


上一章讲了滑动冲突处理的两种方案,那么本章我们就来解决ViewPager2的滑动冲突。首先,应该确定一下存在在哪些需要拦截和不需要拦截的边界条件。在写这篇文章之前,我Google搜索了一下ViewPager2的滑动冲突处理方案,关于这方面的文章还不算少,不过大部分的文章对于ViewPager2的滑动冲突处理考虑的都不够完善。

下面我们详细来分析一下:

  • 如果设置了userInputEnable=false,那么ViewPager2不应该拦截任何事件;

  • 如果只有一个Item,那么ViewPager2也不应该拦截事件;

  • 如果是多个Item,且当前是第一个页面,那么只能拦截向左的滑动事件,向右的滑动事件就不应该由ViewPager2拦截了;

  • 如果是多个Item,且当前是最后一个页面,那么只能拦截向右的滑动事件,向左的滑动事件不应该由当前的ViewPager2拦截;

  • 如果是多个Item,且是中间页面,那么无论向左还是向右的事件都应该由ViewPager2拦截;

  • 最后,由于ViewPager2是支持竖直滑动的,那么竖直滑动也应该考虑以上条件。

分析完了边界条件之后,我们看下应该使用哪种方案来处理滑动冲突?很明显,这里应该使用内部拦截法处理。但是,由于ViewPager2被设置成了final,我们无法通过继承的方式来处理,因此就需要我们在ViewPager2外部加一层自定义的Layout。这层Layout其实相当于夹在了内层View和外层View的中间,其实就是这层Layout就变成了内层。好了,废话不多说了,直接贴代码了。

class ViewPager2Container @JvmOverloads constructor(context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0) : RelativeLayout(context, attrs, defStyleAttr) {

private var mViewPager2: ViewPager2? = null

private var disallowParentInterceptDownEvent = true

private var startX = 0

private var startY = 0

override fun onFinishInflate() {

super.onFinishInflate()

for (i in 0 until childCount) {

val childView = getChildAt(i)

if (childView is ViewPager2) {

mViewPager2 = childView

break

}

}

if (mViewPager2 == null) {

throw IllegalStateException(“The root child of ViewPager2Container must contains a ViewPager2”)

}

}

override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {

val doNotNeedIntercept = (!mViewPager2!!.isUserInputEnabled

|| (mViewPager2?.adapter != null

&& mViewPager2?.adapter!!.itemCount <= 1))

if (doNotNeedIntercept) {

return super.onInterceptTouchEvent(ev)

}

when (ev.action) {

MotionEvent.ACTION_DOWN -> {

startX = ev.x.toInt()

startY = ev.y.toInt()

parent.requestDisallowInterceptTouchEvent(!disallowParentInterceptDownEvent)

}

MotionEvent.ACTION_MOVE -> {

val endX = ev.x.toInt()

val endY = ev.y.toInt()

val disX = abs(endX - startX)

val disY = abs(endY - startY)

if (mViewPager2!!.orientation == ViewPager2.ORIENTATION_VERTICAL) {

onVerticalActionMove(endY, disX, disY)

} else if (mViewPager2!!.orientation == ViewPager2.ORIENTATION_HORIZONTAL) {

onHorizontalActionMove(endX, disX, disY)

}

}

MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> parent.requestDisallowInterceptTouchEvent(false)

}

return super.onInterceptTouchEvent(ev)

}

private fun onHorizontalActionMove(endX: Int, disX: Int, disY: Int) {

if (mViewPager2?.adapter == null) {

return

}

if (disX > disY) {

val currentItem = mViewPager2?.currentItem

val itemCount = mViewPager2?.adapter!!.itemCount

if (currentItem == 0 && endX - startX > 0) {

parent.requestDisallowInterceptTouchEvent(false)

} else {

parent.requestDisallowInterceptTouchEvent(currentItem != itemCount - 1

|| endX - startX >= 0)

}

} else if (disY > disX) {

parent.requestDisallowInterceptTouchEvent(false)

}

}

private fun onVerticalActionMove(endY: Int, disX: Int, disY: Int) {

if (mViewPager2?.adapter == null) {

return

}

val currentItem = mViewPager2?.currentItem

val itemCount = mViewPager2?.adapter!!.itemCount

if (disY > disX) {

if (currentItem == 0 && endY - startY > 0) {

parent.requestDisallowInterceptTouchEvent(false)

} else {

parent.requestDisallowInterceptTouchEvent(currentItem != itemCount - 1

|| endY - startY >= 0)

}

} else if (disX > disY) {

parent.requestDisallowInterceptTouchEvent(false)

}

}

/**

  • 设置是否允许在当前View的{@link MotionEvent#ACTION_DOWN}事件中禁止父View对事件的拦截,该方法

  • 用于解决CoordinatorLayout+CollapsingToolbarLayout在嵌套ViewPager2Container时引起的滑动冲突问题。

  • 设置是否允许在ViewPager2Container的{@link MotionEvent#ACTION_DOWN}事件中禁止父View对事件的拦截,该方法

  • 用于解决CoordinatorLayout+CollapsingToolbarLayout在嵌套ViewPager2Container时引起的滑动冲突问题。

  • @param disallowParentInterceptDownEvent 是否允许ViewPager2Container在{@link MotionEvent#ACTION_DOWN}事件中禁止父View拦截事件,默认值为false

  •                      true 不允许ViewPager2Container在{@link MotionEvent#ACTION_DOWN}时间中禁止父View的时间拦截,
    
  •                      设置disallowIntercept为true可以解决CoordinatorLayout+CollapsingToolbarLayout的滑动冲突
    
  •                      false 允许ViewPager2Container在{@link MotionEvent#ACTION_DOWN}时间中禁止父View的时间拦截,
    

*/

fun disallowParentInterceptDownEvent(disallowParentInterceptDownEvent: Boolean) {

this.disallowParentInterceptDownEvent = disallowParentInterceptDownEvent

}

}

上边代码限于篇幅我就不做过多解释了,注意一下在onFinishInflate中我们通过循环,遍历了ViewPager2Container的所有子View,如果没有找到ViewPager2就抛出异常。另外,disallowParentInterceptDownEvent方法注释写的比较详细就不多说了。

使用方法也很简单,直接用ViewPager2Container包裹ViewPager2即可:

<com.zhpan.sample.viewpager2.ViewPager2Container

android:layout_width=“match_parent”

android:layout_height=“match_parent”

app:layout_constraintBottom_toBottomOf=“parent”

app:layout_constraintLeft_toLeftOf=“parent”

app:layout_constraintRight_toRightOf=“parent”

app:layout_constraintTop_toTopOf=“parent”>

<androidx.viewpager2.widget.ViewPager2

最后

在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题(含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)

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

<androidx.viewpager2.widget.ViewPager2

最后

在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。

附上:我们之前因为秋招收集的二十套一二线互联网公司Android面试真题(含BAT、小米、华为、美团、滴滴)和我自己整理Android复习笔记(包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。)
[外链图片转存中…(img-01eqTXjC-1715416117977)]

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

  • 12
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值