NestedScrollingParent 和 NestedScrollingChild 嵌套滑动原理介绍


View的事件分发机制

在介绍NestedScrollingParent 和 NestedScrollingChild 嵌套滑动之前,先介绍下View的事件分发机制,因为NestedScrollingParent 和 NestedScrollingChild 主要是很好地解决了View滑动冲突问题。

一次点击事件由三个重要的方法来共同完成:dispatchTouchEvent、onInterceptTouchEvent、onTouchEvent。

dispatchTouchEvent:进行事件分发。如果事件能够传递到当前View,那么此方法一定会被调用,返回结果受当前View的onTouchEvent和下级View的dispatchTouchEvent方法的影响。方法返回结果表示是否消耗当前事件,true表示消耗,false表示不消耗。

onInterceptTouchEvent:进行事件拦截,在方法内部调用,在ViewGroup中的dispatchTouchEvent方法内部中调用,View并没有onInterceptTouchEvent方法。如果View拦截了某个事件,在同一个事件序列中,此方法不会被再次调用。方法返回结果表示是否拦截当前事件,true表示拦截,false表示不拦截。

onTouchEvent:进行事件处理,在dispatchTouchEvent方法中调用。如果View不消耗这个事件,在同一事件序列中,当前View无法再次接受到事件。方法返回结果表示是否消耗当前事件,true表示消耗,false表示不消耗。

这三个方法的关系:

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

上面表现出了事件的传递规则:一次点击事件产生后,传递的顺序是:Activity → Window → View,首先会传递给Activity,Activity再传递给Window,最后Window传递给顶级View,顶级View接受事件后,就会进行事件分发。顶级View是一个ViewGroup,首先调用它的dispatchTouchEvent,如果这个ViewGroup的onInterceptTouchEvent方法返回true,就会交给这个ViewGroup的onTouchEvent方法处理;如果这个ViewGroup的onInterceptTouchEvent方法返回false,就会交给这个ViewGroup的子View的dispatchTouchEvent方法处理,如此反复直到事件被最终处理。


View滑动冲突

常见的滑动冲突场景:

  • 场景1:外部滑动方向与内部滑动方向不一致;
  • 场景2:外部滑动方向与内部滑动方向一致;
  • 场景3:上面两种情况的嵌套。

场景1解决办法:外部拦截法,当事件传递到父View时,父View需要处理此事件,就拦截,不处理此事件就不拦截。

场景2解决办法:内部拦截法,当事件传递到父View时,父View都传递给子View,如果子View需要处理此事件就消耗掉,否则就交给父View处理。但是这种方法和Android事件分发不一致,需要配合 requestDisallowInterceptTouchEvent 方法才能正常工作。


View的事件分发机制无法解决的滑动冲突场景

下面是一种常见的滑动场景:

在下滑动的时候,首先RecyclerView的父级View开始接收View触摸事件,事件不被拦截,全部交给RecyclerView接收和处理滑动View事件,当滑动到一定位置后,事件被拦截,全部交给RecyclerView的父级View接收和处理滑动View事件。

在上滑动的时候,首先RecyclerView的父级View接收和处理滑动View事件,事件被拦截,当滑动到一定位置后,全部交给RecyclerView接收和处理滑动View事件,事件不被拦截。

上面这种滑动效果,利用View的事件分发机制原理是无法解决问题的。

因为:某个View一旦决定拦截,那么这一个事件序列都只能由它来处理,并且它的onInterceptTouchEvent不会再被调用

所以:在RecyclerView的父级View接收和处理滑动View事件,事件被拦截后,只能交给RecyclerView的父级View,不能再交给RecyclerView

解决这种滑动冲突,可以用NestedScrollingParent 和 NestedScrollingChild 来解决。


NestedScrollingParent 和 NestedScrollingChild 解决滑动冲突

NestedScrollingParent 和 NestedScrollingChild 接口

NestedScrollingParent 和 NestedScrollingChild 都是接口,NestedScrollingParent 接口用于外部View实现, NestedScrollingChild 用于内部View实现。

NestedScrollingParent 和 NestedScrollingChild 解决滑动冲突的机制:实现了NestedScrollingChild接口的内部View在滑动的时候,首先将滑动距离dx和dy交给实现了NestedScrollingParent接口的外部View(可以不是直接父View),外部View可对其进行部分消耗,剩余的部分还给内部View。

NestedScrollingParent接口

public interface NestedScrollingParent {

    //准备开始滑动。参数nestedScrollAxes为getNestedScrollAxes方法返回的值。返回值表示是否接收内部View(可以是非直接子View)滑动时的参数。
    boolean onStartNestedScroll(View child, View target, int nestedScrollAxes);

    //接收内部View(可以是非直接子View)滑动
    void onNestedScrollAccepted(View child, View target, int nestedScrollAxes);

   //停止接收内部View(可以是非直接子View)滑动
    void onStopNestedScroll(View target);
    
    //内部View滑动时调用
    void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed);

   //内部View开始滑动之前调用。参数dx和dy表示滑动的横向和纵向距离,consumed参数表示消耗的横向和纵向距离,如纵向滑动,需要消耗了dy/2,表示外部View和内部View分别处理这次滑动距离的 1/2
    void onNestedPreScroll(View target, int dx, int dy, int[] consumed);

    //内部View开始Fling时调用
    boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed);

   //内部View开始Fling之前调用。参数velocityX 和velocityY 表示水平方向和垂直方向的速度。返回值表示是否处理了这次Fling操作,返回true表示拦截掉这次操作,false表示不拦截。
    boolean onNestedPreFling(View target, float velocityX, float velocityY);

    //是纵向滑动还是横向滑动
    int getNestedScrollAxes();
}

NestedScrollingChild 接口:

public interface NestedScrollingChild {

    //开始滑动的时候会调用这个方法。参数axes 代表是横向滑动还是纵向滑动。返回值表示是否找到支持嵌套滑动的外部View(可以是非直接父View)。
    void setNestedScrollingEnabled(boolean enabled);
    
    boolean isNestedScrollingEnabled();

    //准备开始滑动
    boolean startNestedScroll(int axes);
    
    //停止滑动
    void stopNestedScroll();

   //是否有嵌套滑动的外部View
    boolean hasNestedScrollingParent();
   
    //在内部View滑动的时候,通知外部View。
    boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed, int[] offsetInWindow);
    
    //在内部View滑动之前,先让外部View处理这次滑动。参数dx 和 dy表示这次滑动的横向和纵向距离,参数consumed表示外部View消耗这次滑动的横向和纵向距离。返回值表示外部View是否有消耗这次滑动。
    boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow);
   
   //在内部View Fling操作的时候,通知外部View。
    boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed);
    
   //与dispatchNestedPreScroll 方法相似,在内部View Fling操作之前,先让外部View处理这次Fling操作。参数velocityX 和velocityY 表示水平方向和垂直方向的速度。表示外部View是否有消耗这次Fling。
    boolean dispatchNestedPreFling(float velocityX, float velocityY);

NestedScrollingParent 和 NestedScrollingChild 接口方法的对应关系:

NestedScrollingChildNestedScrollingParent关系描述内部View中的调用时机
startNestedScrollonStartNestedScroll、onNestedScrollAccepted内部View通知外部View准备开始滑动ACTION_DOWN事件
dispatchNestedPreScrollonNestedPreScroll内部View在滑动之前通知外部View是否要处理这次滑动的横向和纵向距离,外部View处理之后,剩下的才交给内部View处理。ACTION_MOVE事件
dispatchNestedScrollonNestedScroll内部View在滑动的时候,通知外部View是否也要跟随处理这次滑动。各自处各自的。ACTION_MOVE事件后已经开始scroll
dispatchNestedPreFlingonNestedPreFling内部View在Fling操作之前通知外部View是否要处理这次Fling操作,如果外部View处理了则内部View不再处理,如果外部View没有处理则内部View处理。fling时
dispatchNestedFlingonNestedFling内部View在Fling操作时通知外部View是否要处理这次Fling操作,如果外部View处理了则内部View不再处理,如果外部View没有处理则内部View处理。fling时
stopNestedScrollonStopNestedScroll内部View通知外部View停止滑动ACTION_UP事件

NestedScrollingChildHelper 和 NestedScrollingParentHelper 类

NestedScrollingChildHelper 和 NestedScrollingParentHelper 类的作用:主要是帮助内部View和外部View实现交互逻辑。

关于NestedScrollingChildHelper 和 NestedScrollingParentHelper 类是如何帮助内部View和外部View实现交互逻辑的,这里以RecyclerView为例子,介绍 startNestedScroll方法 的交互逻辑。

RecyclerView实现了NestedScrollingChild接口,首先看它的onTouchEvent方法:

public boolean onTouchEvent(MotionEvent e) {
......

   //ACTION_DOWN
   case 0:
                    this.mScrollPointerId = e.getPointerId(0);
                    this.mInitialTouchX = this.mLastTouchX = (int)(e.getX() + 0.5F);
                    this.mInitialTouchY = this.mLastTouchY = (int)(e.getY() + 0.5F);
                    nestedScrollAxis = 0;
                    if (canScrollHorizontally) {
                        nestedScrollAxis |= 1;
                    }

                    if (canScrollVertically) {
                        nestedScrollAxis |= 2;
                    }

                    this.startNestedScroll(nestedScrollAxis, 0);
                    break;

......
}

在ACTION_DOWN事件中,调用startNestedScroll方法,第一个参数为横向还是纵向,第二个参数为类型:

  1. TYPE_TOUCH:值为0,用户触摸操作类型
  2. TYPE_NON_TOUCH:值为1,非用户触摸操作类型,而且主要用于代码中的惯性操作,比如View滑动时的惯性滑动.

RecyclerView中实现的startNestedScroll方法:

    public boolean startNestedScroll(int axes) {
        return this.getScrollingChildHelper().startNestedScroll(axes);
    }

    public boolean startNestedScroll(int axes, int type) {
        return this.getScrollingChildHelper().startNestedScroll(axes, type);
    }
    
    private NestedScrollingChildHelper getScrollingChildHelper() {
        if (this.mScrollingChildHelper == null) {
            this.mScrollingChildHelper = new NestedScrollingChildHelper(this);
        }

        return this.mScrollingChildHelper;
    }

这个方法主要是委托给NestedScrollingChildHelper 类的startNestedScroll方法处理。

NestedScrollingChildHelper中的startNestedScroll方法:

    public boolean startNestedScroll(int axes) {
        return this.startNestedScroll(axes, 0);
    }

    public boolean startNestedScroll(int axes, int type) {
        if (this.hasNestedScrollingParent(type)) {
            return true;
        } else {
            if (this.isNestedScrollingEnabled()) {
                ViewParent p = this.mView.getParent();

                for(View child = this.mView; p != null; p = p.getParent()) {
                    if (ViewParentCompat.onStartNestedScroll(p, child, this.mView, axes, type)) {
                        this.setNestedScrollingParentForType(type, p);
                        ViewParentCompat.onNestedScrollAccepted(p, child, this.mView, axes, type);
                        return true;
                    }

                    if (p instanceof View) {
                        child = (View)p;
                    }
                }
            }

            return false;
        }
    }

isNestedScrollingEnabled方法判断是否允许嵌套滑动,如果是则找实现了NestedScrollingParent接口的外部View,如果外部View的onStartNestedScroll方法返回true,也就是外部View准备接收内部View的滑动,然后再接着调用外部View的onNestedScrollAccepted方法,确认接收内部View的滑动。

ViewParentCompat中的onStartNestedScroll 和 onNestedScrollAccepted方法:

    public static boolean onStartNestedScroll(ViewParent parent, View child, View target, int nestedScrollAxes, int type) {
        if (parent instanceof NestedScrollingParent2) {
            return ((NestedScrollingParent2)parent).onStartNestedScroll(child, target, nestedScrollAxes, type);
        } else {
            if (type == 0) {
                if (VERSION.SDK_INT >= 21) {
                    try {
                        return parent.onStartNestedScroll(child, target, nestedScrollAxes);
                    } catch (AbstractMethodError var6) {
                        Log.e("ViewParentCompat", "ViewParent " + parent + " does not implement interface " + "method onStartNestedScroll", var6);
                    }
                } else if (parent instanceof NestedScrollingParent) {
                    return ((NestedScrollingParent)parent).onStartNestedScroll(child, target, nestedScrollAxes);
                }
            }

            return false;
        }
    }

    public static void onNestedScrollAccepted(ViewParent parent, View child, View target, int nestedScrollAxes, int type) {
        if (parent instanceof NestedScrollingParent2) {
            ((NestedScrollingParent2)parent).onNestedScrollAccepted(child, target, nestedScrollAxes, type);
        } else if (type == 0) {
            if (VERSION.SDK_INT >= 21) {
                try {
                    parent.onNestedScrollAccepted(child, target, nestedScrollAxes);
                } catch (AbstractMethodError var6) {
                    Log.e("ViewParentCompat", "ViewParent " + parent + " does not implement interface " + "method onNestedScrollAccepted", var6);
                }
            } else if (parent instanceof NestedScrollingParent) {
                ((NestedScrollingParent)parent).onNestedScrollAccepted(child, target, nestedScrollAxes);
            }
        }

    }

方法里面做了版本兼容,主要是调用外部View的onStartNestedScroll 和 onNestedScrollAccepted方法。

这就是一次完整的从内部View 的 startNestedScroll方法到外部View的onStartNestedScroll 和 onNestedScrollAccepted 方法的交互过程。

其它方法类似,这里不再介绍,可以查看相关源码了解。


例子:微信运动排行榜页面的滑动效果

外部View实现NestedScrollingParent接口:

public class NestedScrollingLayout extends FrameLayout implements NestedScrollingParent {

    private static final String TAG = "StickyNavLayout";

    /**
     * 是否是往下拉
     */
    private boolean mShowTop = false;
    /**
     * 是否是往上滑
     */
    private boolean mHideTop = false;

    /**
     * 外部View滑动的最大距离
     */
    private int mTopViewHeight;

    @Override
    public boolean onStartNestedScroll(@NonNull View child, @NonNull View target, int nestedScrollAxes) {
        return (nestedScrollAxes & ViewCompat.SCROLL_AXIS_VERTICAL) != 0;
    }

    @Override
    public void onNestedScrollAccepted(@NonNull View child, @NonNull View target, int nestedScrollAxes) {
    }

    @Override
    public void onStopNestedScroll(@NonNull View target) {
    }

    @Override
    public void onNestedScroll(@NonNull View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
    }

    /**
     * dx和dy参数表示滑动的横向和纵向距离,consumed参数表示消耗的横向和纵向距离,如纵向滚动,只需要消耗了dy/2,表示父View和内部View分别处理这次滚动距离的 1/2
     *
     * @param target   内部View
     * @param dx       滑动的横向距离
     * @param dy       滑动的纵向距离
     * @param consumed 外部View消耗的横向和纵向距离
     */
    @Override
    public void onNestedPreScroll(@NonNull View target, int dx, int dy, @NonNull int[] consumed) {
        mShowTop = dy < 0 && Math.abs(getScrollY()) < mTopViewHeight && !target.canScrollVertically(-1);//往下拉
        if (mShowTop) {
            if (Math.abs(getScrollY() + dy) > mTopViewHeight) {//如果超过了指定位置
                dy = -(mTopViewHeight - Math.abs(getScrollY()));//滑动到指定位置
            }
        }
        mHideTop = dy > 0 && getScrollY() < 0;//往上滑
        if (mHideTop) {
            if (dy + getScrollY() > 0) {//如果超过了初始位置
                dy = -getScrollY();//滑动到初始位置
            }
        }
        if (mShowTop || mHideTop) {
            consumed[1] = dy;//消耗纵向距离
            scrollBy(0, dy);//外部View滚动
        }
    }


    @Override
    public boolean onNestedFling(@NonNull View target, float velocityX, float velocityY, boolean consumed) {
        return getScrollY() != 0;
    }

    @Override
    public boolean onNestedPreFling(@NonNull View target, float velocityX, float velocityY) {
        return getScrollY() != 0;
    }

    @Override
    public int getNestedScrollAxes() {
        return ViewCompat.SCROLL_AXIS_VERTICAL;
    }


    public NestedScrollingLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

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

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();
        mTopViewHeight = getResources().getDimensionPixelSize(R.dimen.size_256dp);
    }
}

内部RecyclerView实现了NestedScrollingChild 接口。

布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:contentScrim="?attr/colorPrimary"
    app:statusBarBackground="?attr/colorPrimary">


    <android.support.v7.widget.Toolbar
        android:id="@+id/activity_main_toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:clipToPadding="true"
        android:fitsSystemWindows="true"
        android:minHeight="?attr/actionBarSize"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />


    <ImageView
        android:id="@+id/activity_main_ad"
        android:layout_width="match_parent"
        android:layout_height="256dp"
        android:layout_below="@id/activity_main_toolbar"
        android:background="@drawable/icon_ad"
        android:gravity="center" />


    <com.example.wangjiang.NestedScrollingLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/activity_main_toolbar">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/activity_main_recycler_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/white"
            app:layoutManager="android.support.v7.widget.LinearLayoutManager" />
    </com.example.wangjiang.NestedScrollingLayout>

</RelativeLayout>

最终实现的滑动效果:

  • 2
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值