Android开发：这可能是ViewPager2滑动冲突最全的处理方案，内外兼修

已于 2024-04-10 04:08:24 修改
阅读量962 收藏 27
点赞数 28
分类专栏： 2024年程序员学习 文章标签： android
于 2024-04-10 04:08:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60721584/article/details/137576701
版权

这么处理之后，两个嵌套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就变成了内层。好了，废话不多说了，直接贴代码了。

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:id=“@+id/view_pager2”

android:layout_width=“match_parent”

android:layout_height=“match_parent” />

<com.zhpan.indicator.IndicatorView

android:id=“@+id/indicatorView”

android:layout_centerHorizontal=“true”

android:layout_alignParentBottom=“true”

android:layout_margin=“@dimen/dp_20”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

</com.zhpan.sample.viewpager2.ViewPager2Container>

这是关于ViewPager2滑动出冲突的处理方案，当然，由于BannerViewPager支持循环轮播，所以BannerViewPager的滑动冲突处理相对会更麻烦些。如果有兴趣的同学可以点击查看BannerViewPager的源码(https://github.com/zhpanvip/AndroidSample/blob/master/app/src/main/java/com/zhpan/sample/viewpager2/ViewPager2Container.kt)。

同时，ViewPager2Container(https://github.com/zhpanvip/AndroidSample/blob/master/app/src/main/java/com/zhpan/sample/viewpager2/ViewPager2Container.kt)的源码我也放到了Github，需要用到的可以自取。

最后

不用多说，相信大家都有一个共识：无论什么行业，最牛逼的人肯定是站在金字塔端的人。所以，想做一个牛逼的程序员，那么就要让自己站的更高，成为技术大牛并不是一朝一夕的事情，需要时间的沉淀和技术的积累。

关于这一点，在我当时确立好Android方向时，就已经开始梳理自己的成长路线了，包括技术要怎么系统地去学习，都列得非常详细。

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）
img

转存中…(img-dEmN6EMM-1712693287448)]
img

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）
[外链图片转存中…(img-SYbDdXLo-1712693287448)]

程序员世纪末
关注
  • 28
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
谷歌官方提供的解决Viewpager2嵌套ViewPager2同一方向无法滑动问题使用到的文件
01-02
两个ViewPager2嵌套，同一方向无法滑动，可以在子 ViewPager2 外面嵌套一层 NestedScrollableHost.
Android中DrawerLayout+ViewPager滑动冲突的解决方法
08-30
主要为大家详细介绍了Android中DrawerLayout+ViewPager滑动冲突的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ViewPager2嵌套ViewPager2（RecyclerView）滑动事件冲突
qq_21467035的博客
08-04 2419
然而我们通过源码发现：getParent().requestDisallowInterceptTouchEvent(boolean)是决定是否拦截事件。官方通过get获取NestedScrollableHost第一层包裹的冲突View，如果冲突View层级深就会有问题。ViewPager+ViewPager就不会产生冲突，那是应为，官方ViewPager帮我们已经处理过，但是。java：我们通过getChildView()遍历拿到底层冲突View，可以完美解决滑动冲突问题。
android开发之view pager2的基本使用
weixin_72368277的博客
05-07 910
android开发之view pager2的基本使用
ViewPager2滑动冲突解决方案
weixin_44139159的博客
03-17 6153
简介 滑动冲突，简单来说就是两个可滑动的组件嵌套在一起，其中一个组件拦截了滑动事件，导致另一个组件无法滑动或难以滑动的情况。 常见的情况有ViewPager2嵌套ViewPager2，ViewPager2嵌套RecyclerView。 官方解决方案 谷歌官方提供了一种解决同方向滑动冲突的方案 ——NestedScrollableHost.kt 将这个布局放在ViewPager2和RecyclerView之间即可解决滑动冲突，类似这样： <?xml version="1.0" encoding="utf
ViewPager2 系列-- 初探ViewPager2
xiaokangss的博客
06-19 5808
ViewPager2是Android Jetpack库中的一个组件，是用于在应用程序中实现页面切换和滑动效果的容器。可以应用于多种场景中，提供了灵活的页面切换和布局定制功能，使得应用程序界面更加丰富和交互性强，可以用于以下场景：
浅谈Android实践之ScrollView中滑动冲突处理解决方案
08-31
涉及到了ViewPager，MapView，ListView，就需要ScrollView来做一下支援，这篇文章主要介绍了浅谈Android实践之ScrollView中滑动冲突处理解决方案，有需要的可以来了解一下。
Android listview和viewpager解决冲突 滑动冲突
02-15
Android listview viewpager 滑动 跳动 冲突解决 ListView中嵌套ViewPage有或者滑动手势冲突解决 blog 地址 : http://blog.csdn.net/aaawqqq/article/details/43824631
Android App中ViewPager所带来的滑动冲突问题解决方法
01-20
叙述 滑动冲突可以说是日常开发中比较常见的一类问题，也是比较让人头疼的一类问题，尤其是在使用第三...现在大部分应用最外层都是ViewPager+Fragment 的底部切换（比如微信）结构，这种时候，就很容易出现滑动冲突。不
Android 中SwipeRefreshLayout与ViewPager滑动事件冲突解决方法
01-20
Android 中SwipeRefreshLayout与ViewPager滑动事件冲突解决方法 问题描述： 开发中发现，SwipeRefreshLayout的下拉刷新，与ViewPager开发的banner的左右滑动事件有一点冲突，导致banner的左右滑动不够顺畅。很容易...
Android 小控件
ppss177的博客
07-06 472
以滑动的方式显示view或fragment，ViewPager2通过Adapter显示Views或Fragments。
最详细的主界面ViewPager2 使用详解
qq_65337539的博客
10-19 9600
ViewPager2 使用详解
ViewPager2嵌套滚动解决方案
SOLO的博客
04-19 1982
使用以下类对ViewPager2中的recycleView进行包裹即可。
【View系列】手把手教你解决ViewPager2滑动冲突
最新发布
2401_83641360的博客
03-24 831
说一千道一万，不如自己去行动。要想在移动互联网的下半场是自己占有一席之地，那就得从现在开始，从今天开始，马上严格要求自己，既重视业务实现能力，也重视基础和原理。基础夯实好了，高楼才能够平地而起，稳如泰山。最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2020-2021面试真题解析，我把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。还有。
一起Talk Android吧（第五百三十一回：解决ViewPager2中的滑动冲突）
talk_8的专栏
03-27 943
本章回中主要介绍了如何解决ViewPager2中的滑动冲突，介绍了整体的思路并且通过文字结合代码的方式进行了介绍。
ViewPager2 使用
子冉冰清的博客
11-09 1101
布局管理器允许左右翻转带数据的页面，你想要显示的视图可以通过实现PagerAdapter来显示。这个类其实是在早期设计和开发的，它的API在后面的更新之中可能会被改变，当它们在新版本之中编译的时候可能还会改变源码。ViewPager经常用来连接Fragment，它很方便管理每个页面的生命周期，使用ViewPager管理Fragment是标准的适配器实现。最常用的实现一般有FragmentPagerAdapter和FragmentStatePagerAdapter。
这可能是ViewPager2滑动冲突最全处理方案
smily的博客
12-29 6095
自去年12月份ViewPager2正式版发布以后，ViewPager2已经开始逐渐替代旧版本的ViewPager。许多开发者也已经在项目中使用了ViewPager2。BannerViewPager作为一个封装ViewPager的轮播图库在第一时间迁移到了ViewPager2，并在2020年4月份发布了ViewPager2版本的BVP 3.0。相比ViewPager，ViewPager2的功能不可谓不强大，但ViewPager2却也有不少的问题。其中最大的一个问题就是滑动冲突。我们知道，两个横向滑动的View
ViewPager2尝鲜，使用起来超级简单
xunming的专栏
07-02 5213
ViewPager2是androidx.viewpager2.widget包下面的，用来代替androidx.viewpager.widget.ViewPager，而androidx是用来代替原来的support库的 为了紧跟时代发展，很有必要学习ViewPager2，ViewPager2是由RecyclerView加上LinearLayoutManager并继承自ViewGroup而来 添加依赖...
ViewPager+ScrollView滑动冲突处理
05-31
在使用ViewPager和ScrollView嵌套时，可能会出现滑动冲突的问题，解决方法如下： 1. 自定义ViewPager，重写onInterceptTouchEvent方法，处理滑动事件： ```java public class CustomViewPager extends ViewPager { private float mStartX; private float mStartY; public CustomViewPager(Context context) { super(context); } public CustomViewPager(Context context, AttributeSet attrs) { super(context, attrs); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: mStartX = ev.getX(); mStartY = ev.getY(); break; case MotionEvent.ACTION_MOVE: float x = ev.getX(); float y = ev.getY(); float dx = Math.abs(x - mStartX); float dy = Math.abs(y - mStartY); if (dx > dy) { return super.onInterceptTouchEvent(ev); } else { getParent().requestDisallowInterceptTouchEvent(true); } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: getParent().requestDisallowInterceptTouchEvent(false); break; } return super.onInterceptTouchEvent(ev); } } ``` 2. 在ScrollView中设置onTouchEvent事件，处理滑动事件： ```java public class CustomScrollView extends ScrollView { private float mStartX; private float mStartY; public CustomScrollView(Context context) { super(context); } public CustomScrollView(Context context, AttributeSet attrs) { super(context, attrs); } @Override public boolean onTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: mStartX = ev.getX(); mStartY = ev.getY(); getParent().requestDisallowInterceptTouchEvent(true); break; case MotionEvent.ACTION_MOVE: float x = ev.getX(); float y = ev.getY(); float dx = Math.abs(x - mStartX); float dy = Math.abs(y - mStartY); if (dy > dx) { getParent().requestDisallowInterceptTouchEvent(false); } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: getParent().requestDisallowInterceptTouchEvent(false); break; } return super.onTouchEvent(ev); } } ``` 3. 在布局文件中使用自定义的ViewPager和ScrollView。 ```xml <com.example.CustomViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content"> <androidx.viewpager.widget.ViewPager android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="wrap_content" /> </com.example.CustomViewPager> <com.example.CustomScrollView android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> ... </LinearLayout> </com.example.CustomScrollView> ``` 以上是一种常见的解决滑动冲突问题的方法，在使用时需要注意不同的布局会有不同的处理方式，可以根据实际情况进行调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值