美文网首页程序人生android样式主题合集
NestedScrollView RecycleView 嵌套

NestedScrollView RecycleView 嵌套

作者: 为自己代颜_ | 来源:发表于2022-06-09 14:10 被阅读0次

    NestedScrollView RecycleView 嵌套 滑动冲突
    场景描述
    效果演示
    实现思路
    问题和优化
    优化
    参考文档
    场景描述
    使用NestedScrollView 内嵌RecycleView时,当用户上滑时,NestedScrollView需要首先响应上滑事件,直到ScrollView无法滑动,再由RecycleView进行响应滑动事件

    效果演示

    image.png

    实现思路
    参考谷歌开发者文档中关于view group事件分发的思路,自定义CustomScrollView继承 NestedScrollView 重写onInterceptTouchEvent方法,在拦截到上滑事件时,判断当前的scrollerView是否已经滑动到顶部;

    如果ScrollView没有处于顶部,返回true,代表处理并消耗后续一系列触摸事件,包括一系列的Action Move获取到的point到Action Up事件,这中间的事件值都交给 ScrollView处理滑动;
    如果ScrollView已经处于顶部,不再拦截上滑事件,会由NestedScrollView默认分发给子控件RecycleView进行处理

    ·```
    public class CustomScrollView extends NestedScrollView {

    public CustomScrollView(@NonNull Context context) {
        super(context);
    }
    
    private float maxSlideDis;//向上滑动的最大滑动距离,没有超过这个距离时,拦截并处理掉向上滑动的事件
    //在activity或fragment中,根据布局参数进行设置
    
    private float mDownY;
    private float mSlop;
    
    public CustomScrollView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mSlop = ViewConfiguration.get(context).getScaledTouchSlop();
    }
    
    public void setMaxSlideDis(float maxSlideDis) {
        this.maxSlideDis = maxSlideDis;
    }
    
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        Logger.log("CustomScrollView onInterceptTouchEvent " + ev.getAction());
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mDownY = ev.getRawY();
                break;
    
            case MotionEvent.ACTION_MOVE:
                float dis = ev.getRawY() - mDownY;
                if (dis < 0 && Math.abs(dis) >= mSlop) {
                    //当触摸事件是向上滑动并且滑动距离超过屏幕的最小滑动单位时
                    return needScrollParent();
                }
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }
    
    //scroller 是否已经滑动到了最高点
    public boolean needScrollParent() {
        Logger.log("CustomScrollView maxSlideDis = " + maxSlideDis + " getScrollY =" + getScrollY());
        return getScrollY() < maxSlideDis;
    }
    
    public CustomScrollView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    

    }

    
    问题和优化
    到这一步已经实现先滑动scrollerView再滑动recycleView,但是存在一个问题,当上滑scrollerView的过程中,当scroll view滑动到最顶部不松手指,recycleView不会开始向上滚动,必须等手指离开屏幕,再重新上滑recycle view才可以让其滚动,就像上文gif所展示的;
    
    要明白这个问题的原因,首先要搞清楚一个事件系列 和 view分发机制流程
    
    事件系列: 从ACTION_DOWN 到ACTION_UP 中包含的所有事件,包括其中的所有的ACTION_MOVE事件,为一个事件系列
    
    对view事件分发机制不熟悉的同学可以看下这个分发机制伪代码
    

    public boolean dispatchTouchEvent(MotionEvent ev) {
    boolean consume = false;
    if(onInterceptTouchEvent(ev)){
    consume = onTouchEvent(ev);
    } else {
    consume = child.dispatchTouchEvent(ev);
    }
    return consume;
    }

    
    onInterceptTouchEvent方法要注意: 接收到某一个事件系列中的事件值后,如果返回false或者true,那么后续都不再回调这个方法,这个true或false所代表的状态会持续到这个事件系列结束
    
    因此scroller view的onInterceptTouchEvent 返回true拦截了ACTION_MOVE的前几个事件值后,该事件系列的后续事件值也会直接被scroller view的onTouch消耗掉, 并且onInterceptTouchEvent不再会收到该事件系列的后续ev值的回调,因为在dispatchTouchEvent中,直接将后续事件给到了onTouch进行消耗;
    
    导致后续的滑动事件一直被scrollerview所消耗,
    
    而我们想要下面这样丝滑的滑动体验,就要将scroller view滑动到顶部后的后续事件值分发给子视图进行处理:
    
    在一次滑动事件中完成从scroller view到recycleveiw的滑动,手指不离开屏幕
    
    
    
    优化
    鉴于上述问题,我们把事件的“拦截”放到scroller的dispatchTouchEvent方法中;因为view分发机制首先将每个事件值都传入到dispatchTouchEvent,并在其中通过onInterceptTouchEvent 的返回值来决定是否将该事件分发给子视图的dispatchTouchEvent;
    
    如果scroller view需要滑动,就直接调用onTouch进行消耗事件,如果scroller view
    不需要滑动了,就让dispatchTouchEvent默认调用到onInterceptTouchEvent来判断后续事件,这里onInterceptTouchEvent中判断如果scroller view不需要滑动,直接返回false,name后续的ACTION_MOVE值都会被分发给子veiw处理
    
    代码:
    

    @Override
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
    Logger.log("CustomScrollView dispatchTouchEvent ACTION " + ev.getAction());

        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mDownY = ev.getRawY();
                break;
    
            case MotionEvent.ACTION_MOVE:
                float dis = ev.getRawY() - mDownY;
                if (dis < 0 && Math.abs(dis) >= mSlop) {
                    //当触摸事件是向上滑动并且滑动距离超过屏幕的最小滑动单位时
                    if (needScrollParent()) {
                        onTouchEvent(ev);
                        Logger.log("dispatchTouchEvent 需要拦截");
                        return true;
                    } else {
                        Logger.log("dispatchTouchEvent 不需要拦截");
                        //这里返回 super.dispatchTouchEvent(ev); 在super.dispatchTouchEvent(ev)中会调用下面的onInterceptTouchEvent 方法来判断
                    }
                }
                break;
        }
        return super.dispatchTouchEvent(ev);
    }
    
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        Logger.log("CustomScrollView onInterceptTouchEvent " + ev.getAction());
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mDownY = ev.getRawY();
                break;
    
            case MotionEvent.ACTION_MOVE:
                float dis = ev.getRawY() - mDownY;
                if (dis < 0 && Math.abs(dis) >= mSlop) {
                    //当触摸事件是向上滑动并且滑动距离超过屏幕的最小滑动单位时,不拦截滑动事件
                    //这里的目的是取消dispatchTouchEvent中对该事件系列的拦截,当scroller view不需要拦截时,
                    //会执行到这里,
                    return false;
                }
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }
    

    相关文章

      网友评论

        本文标题:NestedScrollView RecycleView 嵌套

        本文链接:https://www.haomeiwen.com/subject/npdmmrtx.html