解决ViewPager2 + Fragment + RecyclerView 滑动冲突

已于 2022-09-07 16:23:50 修改
阅读量2.6k 收藏 5
点赞数 2
分类专栏： Recyclerview 文章标签： android
于 2022-09-07 16:20:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31262175/article/details/126747264
版权

解决ViewPager2 + Fragment + RecyclerView 滑动冲突

冲突现象描述

当RecyclerView上拉到底时，容易导致Viewpager2的水平方向滑动。

产生原因

当列表上拉到底部时，滑动距离并没有被消费，因此没有执行禁止外层拦截的方法。所以会让外层viewpager2来消费滑动事件。
RecyclerView的onTouchEvent方法

解决方法

我们需要消费掉着个滑动距离。
新建一个ViewGroup，重写NestedScrollingParent3接口方法，用它包裹RecyclerView：
在这里插入图片描述

DONE!!!

止于怠
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ViewPager+Fragment左右滑动+上下滑动不冲突
06-12
好用的代码，主要是ViewPagerhe和Fragmen之间的用处，解决了冲突问题
全网唯一有用的解决方案！彻底解决VerticalViewPager嵌套RecyclerView引起的滑动冲突！
08-15
全网唯一有用的解决方案！彻底解决VerticalViewPager嵌套RecyclerView引起的滑动冲突！
【View系列】手把手教你解决ViewPager2滑动冲突
最新发布
2401_84149256的博客
05-16 647
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
Android 中解决ViewPager嵌套RecyclerView滑动冲突
g312678的博客
03-18 7807
思路 最近在项目中遇到这样一个需求：某个页面中有4个Fragment，使用的是viewpager实现的，在某个fragment中又有一个横向滑动的Recyclerview，当时心想，这个需求也不难啊，咔咔一顿响需求实现了，结果发现横向滑动Recyclerview时直接触发了外层ViewPager的滑动，滑动到下一个Fragment了，直接懵逼了，剧情不是这样的啊，然后一顿咔咔百度，发现还是有各种各...
CoordinatorLayout + TabLayout + ViewPager2（里面再嵌套一个RecyclerView），RecyclerView的滑动冲突解决
oAiYinSiTan12的博客
06-29 6986
CoordinatorLayout + TabLayout + ViewPager2（里面再嵌套一个RecyclerView），RecyclerView的滑动冲突解决
Android 中ViewPager嵌套RecyclerView出现滑动冲突的解决方案
路宇的博客
03-01 8037
应用场景： ViewPager嵌套一个RecyclerView和正常的LinearLayout布局页面，实现左右滑动效果。当左滑RecyclerView页面想要实现左右切换页面的效果，出现滑动冲突的问题。 解决方案如下： 1、自定义CustomViewPager继承自ViewPager，重写其中的onInterceptTouchEvent()拦截触摸事件方法。 /** * 自定义ViewPager，防止RecyclerView与ViewPager之间的滑动冲突 */ public class Custo
ViewPager,RecyclerView,SrollView嵌套事件冲突解决。
Android 开发架构
01-30 2737
接上篇：Android事件分发机制完全解析，带你从源码的角度彻底理解 之前在解决ListView和Item之间的滑动冲突，以及点击事件带来的滑动失效参考如下代码 android:descendantFocusability="blocksDescendants 该属性是当一个view 获取焦点时，定义 ViewGroup 和其子控件直接的关系，常用来>解决父控件的焦点或者点击事...
RecycleView和ViewPager冲突解决与原理
跨语言，跨平台，跨应用
10-31 7598
1.概述在实际开发中，我们经常遇到需要在ListView或RecycleView头部添加ViewPager实现Banner轮播效果，并需要添加下拉刷新，上拉加载功能。 但，横向滑动ViewPager时，稍微偏移就会失去焦点。2.解决方案我们知道事件拦截的顺序，父ViewGroup先接收到拦截，再传递给子ViewGroup 或子View。事件的处理顺序是，子ViewGroup 或子View先处理，若
ViewPager，ScrollView 嵌套ViewPager滑动冲突解决
热门推荐
徐公，微信公众号同名
10-26 3万+
ViewPager，ScrollView 嵌套ViewPager滑动冲突解决这篇博客主要讲解一下几个问题 - 粗略地介绍一下View的事件分发机制 - 解决事件滑动冲突的思路及方法 - ScrollView 里面嵌套ViewPager导致的滑动冲突 - ViewPager里面嵌套ViewPager 导致的滑动冲突 - 轮播图的几种实现方式先看一下效果图ScrollView里面嵌套View
解决viewPager和recycleView的滑动冲突
tao_zi7890的专栏
08-26 1899
viewPager里包含横向的recycleView时，横向滑动recycleView会导致viewPager翻页，解决办法是 /** * zivon * 解决viewPager和recycleView的滑动冲突 */ class NestedRecyclerView(context: Context, attrs: AttributeSet?) : RecyclerView(conte...
ScrollView+TabLayout+ViewPager+RecyclerView 嵌套实现布局
03-28
手动实现仿京东发现页面效果，使用布局嵌套完成，包括ScrollView+TabLayout+ViewPager+RecyclerView，最后有遗留问题需要处理。详情见博客https://blog.csdn.net/hq942845204/article/details/88844272
ScrollView+ViewPager+ListView或RecyclerView
03-06
2. 在`ViewPager`或`ListView`/`RecyclerView`上设置`android:nestedScrollingEnabled="true"`，使其支持嵌套滚动。 3. 对于`ListView`，还可以通过重写`onInterceptTouchEvent`和`onTouchEvent`方法，根据需求决定...
Fragment+ViewPager解决viewPager与Gallery的事件冲突
09-10
`Fragment`代表了一个可以独立运行的UI片段，而`ViewPager`则是一个可以滑动切换多个`Fragment`的容器。然而，在实际应用中，当`ViewPager`与`Gallery`（一个可滚动的视图容器）一起使用时，可能会出现事件冲突的...
iewpager+fragment 卡片 上下滑动 viewpager带耳朵左右活动
09-14
为了实现这种复杂的滑动交互，开发者需要处理好`ViewPager`、`Fragment`和内部`RecyclerView`之间的滑动手势冲突。通常，这会涉及到重写`onTouchEvent()`方法，对滑动事件进行判断和分发，确保用户既可以左右滑动`...
viewpager+recycleview
01-27
- 注意处理滑动冲突，当ViewPager和RecyclerView都在同一个屏幕时，可能需要监听滑动手势并进行适当的处理。 5. **其他扩展**： - 可以结合SwipeRefreshLayout实现下拉刷新功能，使用户能更新列表内容。 - 使用...
Android开发：这可能是ViewPager2滑动冲突最全的处理方案，内外兼修
m0_60721584的博客
04-10 1407
不用多说，相信大家都有一个共识：无论什么行业，最牛逼的人肯定是站在金字塔端的人。所以，想做一个牛逼的程序员，那么就要让自己站的更高，成为技术大牛并不是一朝一夕的事情，需要时间的沉淀和技术的积累。关于这一点，在我当时确立好Android方向时，就已经开始梳理自己的成长路线了，包括技术要怎么系统地去学习，都列得非常详细。自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
ViewPager 与SwipeRefreshLayout，RecyclerView，ScrollView滑动冲突解决方法
gundumw100的专栏
04-10 909
ViewPager 作为一个横向滚动的控件, 在 ViewGroup 中嵌套时会有一些可以优化的细节体验. 问题说明 当 SwipeRefreshLayout 中有 ViewPager 控件, 两者的滑动会相互冲突. 具体表现为 ViewPager 的左右滑动不顺畅, 容易被 SwipeRefreshLayout 拦截(即出现刷新的 View ). 问题原因: ViewPager 本身是处
解决RecyclerView内子条目可滑动导致的滑动冲突
qq912098812的博客
09-06 1224
背景：页面Activity内子布局是ViewPager，ViewPager内是Fragment，Fragment内是RecyclerView，RecyclerView内是一个需要捕获滑动事件的布局(可能是RecyclerView，ViewPager，ScrollView，自定义View等)。 问题：当滑动最内层的“自定义View”时，外层RecyclerView和ViewPager都会捕获滑动时间，导致当前自定义View只能接收到一次滑动事件后就不再响应。 理想结果：只有Item的图片区域可以消费滑动事件。
viewpager2+tablayout+recyclerview+fragment实现页面的切换
05-15
这个实现需要以下步骤： 1. 在布局文件中添加ViewPager2和TabLayout： ```xml <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabGravity="fill" app:tabMode="fixed" /> <androidx.viewpager2.widget.ViewPager2 android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 在代码中初始化ViewPager2和TabLayout： ```java ViewPager2 viewPager = findViewById(R.id.view_pager); TabLayout tabLayout = findViewById(R.id.tab_layout); viewPager.setAdapter(new MyPagerAdapter(this)); new TabLayoutMediator(tabLayout, viewPager, (tab, position) -> tab.setText("Tab " + (position + 1)) ).attach(); ``` 3. 创建PagerAdapter，用于管理Fragment： ```java public class MyPagerAdapter extends FragmentStateAdapter { public MyPagerAdapter(FragmentActivity fa) { super(fa); } @Override public Fragment createFragment(int position) { return new MyFragment(position + 1); } @Override public int getItemCount() { return 3; } } ``` 4. 创建Fragment，用于显示RecyclerView： ```java public class MyFragment extends Fragment { private int mTabNumber; public MyFragment(int tabNumber) { mTabNumber = tabNumber; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_my, container, false); RecyclerView recyclerView = rootView.findViewById(R.id.recycler_view); recyclerView.setLayoutManager(new LinearLayoutManager(getContext())); recyclerView.setAdapter(new MyRecyclerViewAdapter(mTabNumber)); return rootView; } } ``` 5. 创建RecyclerViewAdapter，用于显示数据： ```java public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.ViewHolder> { private int mTabNumber; public MyRecyclerViewAdapter(int tabNumber) { mTabNumber = tabNumber; } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()) .inflate(R.layout.item_my, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { holder.mTextView.setText("Tab " + mTabNumber + ", Item " + (position + 1)); } @Override public int getItemCount() { return 10; } public static class ViewHolder extends RecyclerView.ViewHolder { public TextView mTextView; public ViewHolder(@NonNull View itemView) { super(itemView); mTextView = itemView.findViewById(R.id.text_view); } } } ``` 6. 创建RecyclerView的item布局文件和Fragment的布局文件： item_my.xml： ```xml <TextView android:id="@+id/text_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="16dp" /> ``` fragment_my.xml： ```xml <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 这样就完成了实现。每个Tab都显示一个RecyclerView，切换Tab时切换RecyclerView。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值