ViewPager左右滑动与RecyclerView垂直滚动的冲突问题
解决ViewPager与RecyclerView的滑动冲突问题
我之前也碰到过一模一样的场景!这种子View抢父View触摸事件的情况确实头疼,给你两个亲测有效的解决方案,既能保留RecyclerView的垂直滚动,又能让ViewPager正常响应横向切换:
方案一:自定义RecyclerView,动态控制事件拦截
这种方法的核心是重写RecyclerView的onInterceptTouchEvent方法,根据滑动方向决定是否让父View(ViewPager)拦截事件:
public class CustomRecyclerView extends RecyclerView { private float startX, startY; public CustomRecyclerView(Context context) { super(context); } public CustomRecyclerView(Context context, AttributeSet attrs) { super(context, attrs); } public CustomRecyclerView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @Override public boolean onInterceptTouchEvent(MotionEvent e) { switch (e.getAction()) { case MotionEvent.ACTION_DOWN: // 记录触摸起始点 startX = e.getX(); startY = e.getY(); // 按下时请求父View不要拦截,确保RecyclerView能接收后续事件 getParent().requestDisallowInterceptTouchEvent(true); break; case MotionEvent.ACTION_MOVE: float dx = Math.abs(e.getX() - startX); float dy = Math.abs(e.getY() - startY); // 如果横向滑动距离大于纵向,说明用户想切换标签页,让父View拦截事件 if (dx > dy) { getParent().requestDisallowInterceptTouchEvent(false); } else { // 纵向滑动,自己处理事件,不让父View拦截 getParent().requestDisallowInterceptTouchEvent(true); } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: // 事件结束,恢复父View的拦截权限 getParent().requestDisallowInterceptTouchEvent(false); break; } return super.onInterceptTouchEvent(e); } }
使用时,只需要把布局文件里的RecyclerView替换成这个CustomRecyclerView即可,不需要修改其他逻辑,就能实现两种滑动的完美共存。
方案二:给RecyclerView添加触摸监听(无需自定义View)
如果不想自定义RecyclerView,也可以直接给现有RecyclerView设置OnTouchListener,逻辑和上面类似:
rv_home.setOnTouchListener(new View.OnTouchListener() { private float startX, startY; @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: startX = event.getX(); startY = event.getY(); v.getParent().requestDisallowInterceptTouchEvent(true); break; case MotionEvent.ACTION_MOVE: float dx = Math.abs(event.getX() - startX); float dy = Math.abs(event.getY() - startY); if (dx > dy) { v.getParent().requestDisallowInterceptTouchEvent(false); } else { v.getParent().requestDisallowInterceptTouchEvent(true); } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: v.getParent().requestDisallowInterceptTouchEvent(false); break; } // 返回false,让RecyclerView自己处理垂直滚动的逻辑 return false; } });
这个方案更灵活,适合快速在现有代码上修改,效果和自定义View完全一致。
原理说明
滑动冲突的本质是父View和子View对同一个触摸事件的争夺:默认情况下,RecyclerView(子View)会优先拦截触摸事件,导致横向滑动时ViewPager(父View)无法响应。我们通过判断滑动的横向/纵向距离,动态控制requestDisallowInterceptTouchEvent方法,让对应的View来处理事件,从而解决冲突。
内容的提问来源于stack exchange,提问作者Liya
相关产品推荐
相关产品推荐

