Android 中ViewPager嵌套RecyclerView出现滑动冲突的解决方案

博主前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住也分享一下给大家,
👉点击跳转到网站

应用场景:

ViewPager嵌套一个RecyclerView和正常的LinearLayout布局页面,实现左右滑动效果。当左滑RecyclerView页面想要实现左右切换页面的效果,出现滑动冲突的问题。

技术概要:
在这里插入图片描述

Android 事件分发图示如下:

在这里插入图片描述

解决方案如下:

1、自定义CustomViewPager继承自ViewPager,重写其中的onInterceptTouchEvent()拦截触摸事件方法。

/**
 * 自定义ViewPager,防止RecyclerView与ViewPager之间的滑动冲突
 */
public class CustomViewPager extends ViewPager {
    public CustomViewPager(@NonNull Context context) {
        super(context);
    }

    public CustomViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    //事件拦截
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        final int action = ev.getAction() & MotionEvent.ACTION_MASK;
        //当用户按下屏幕的那一瞬间产生该事件
        if (action == MotionEvent.ACTION_DOWN) {
            super.onInterceptTouchEvent(ev);
            //返回false表示不做拦截,事件将向下分发到子View的dispatchTouchEvent方法
            //这里就是CustomRecyclerView中重写的dispatchTouchEvent()方法
            return false;
        }
        //另外两个事件 手在屏幕上移动和抬起,
        // 事件将不再向下分发而是调用View本身的onTouchEvent方法
        return true;
    }
}

2、自定义CustomRecyclerView继承自RecyclerView,重写其中的dispatchTouchEvent()方法,触摸事件的分发,是从这个方法开始的。

/**
 * 自定义RecyclerView
 */
public class CustomRecyclerView extends RecyclerView {
    private int mLastX;
    private int mLastY;

    public CustomRecyclerView(@NonNull Context context) {
        super(context);
    }

    public CustomRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    //处理触摸事件的分发 是从dispatchTouchEvent开始的
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        //触摸点相对于其所在组件原点的X坐标
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                //手按下屏幕,父布局没有作用,进行拦截
                //让父布局ViewPager禁用拦截功能,从而让父布局忽略事件后的一切行为
                //requestDisallowInterceptTouchEvent(true)表示:
                //getParent() 获取到父视图 父视图不拦截触摸事件
                //孩子不希望父视图拦截触摸事件
                getParent().requestDisallowInterceptTouchEvent(true);
                break;
            case MotionEvent.ACTION_MOVE:
                //水平移动的增量
                int deltaX = x - mLastX;
                int deltaY = y - mLastY;
                //Math.abs绝对值
                if (Math.abs(deltaX) > Math.abs(deltaY)) {
                    //当水平增量大于竖直增量时,表示水平滑动,此时需要父View去处理事件,所以不拦截
                    //让父布局ViewPager使用拦截功能,从而让父布局完成事件后的一切行为
                    
                    //requestDisallowInterceptTouchEvent(false)表示:
                    //孩子希望父视图拦截触摸事件,也就是让CustomViewPager拦截触摸事件,进行左右滑动
                    getParent().requestDisallowInterceptTouchEvent(false);
                }
                break;
            default:
                break;
        }
        mLastX = x;
        mLastY = y;
        return super.dispatchTouchEvent(event);
    }
}

这样就可以解决以上我所说的问题,记录,总结一下,方便后期学习与回顾!

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

路宇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值