RecyclerView嵌套滑动置顶，一个被忽视的首页结构方案

2023-10-28 22:06:22

在纷繁复杂的移动端应用开发中，RecyclerView嵌套滑动的使用早已司空见惯。然而，当这一结构应用到首页时，其置顶功能却鲜有人问津。本文将针对这一被忽视的方案进行深入探究，为开发者提供一个成熟稳定的解决方案。

嵌套滑动置顶，顾名思义，是指在RecyclerView嵌套滑动结构中，当父控件滑动到顶部时，子控件自动置顶。这种设计在首页应用中尤为常见，它可以极大提升用户体验，让重要内容始终处于视野范围之内。

实现RecyclerView嵌套滑动置顶的方法有很多，但并非所有方法都适用于首页这种复杂多变的环境。为了确保稳定性，本文将采用一种经过项目实践检验的方案，其核心思想是通过自定义NestedScrollingChild实现。

首先，我们自定义一个NestedScrollingChild2实现NestedScrollingChild接口，并重写以下几个关键方法：

onStartNestedScroll: 当父控件开始嵌套滑动时调用。
onNestedScrollAccepted: 当父控件接受嵌套滑动请求时调用。
onNestedPreScroll: 在父控件滑动之前调用，用于预处理滑动事件。
onNestedScroll: 在父控件滑动过程中调用，用于处理滑动事件。
onStopNestedScroll: 当父控件停止嵌套滑动时调用。

在这些方法中，我们主要关注onNestedPreScroll和onNestedScroll。在onNestedPreScroll方法中，我们判断当前子控件是否已置顶。如果已置顶，则消费掉本次滑动事件，防止父控件继续滑动。在onNestedScroll方法中，我们判断当前子控件是否未置顶。如果未置顶，则消费掉本次滑动事件，并同时将子控件置顶。

@Override
public boolean onNestedPreScroll(View target, int dx, int dy, int[] consumed, int type) {
    if (isChildTop()) {
        consumed[1] = dy;
        return true;
    }
    return false;
}

@Override
public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed, int type) {
    if (!isChildTop()) {
        consumed[1] = dyUnconsumed;
        scrollTo(0, 0);
    }
}

除了自定义NestedScrollingChild外，我们还需要在父控件的onInterceptTouchEvent和onTouchEvent方法中进行相应的处理。在onInterceptTouchEvent方法中，判断是否需要拦截触摸事件。如果父控件的NestedScrollingParent允许嵌套滑动，且子控件未置顶，则拦截触摸事件。在onTouchEvent方法中，处理触摸事件的滑动逻辑，并调用NestedScrollingParentHelper进行嵌套滑动。

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    if (mNestedScrollingParent != null && !isChildTop()) {
        return mNestedScrollingParent.onStartNestedScroll(this, child, ViewCompat.TYPE_TOUCH, ViewCompat.SCROLL_AXIS_VERTICAL);
    }
    return false;
}

@Override
public boolean onTouchEvent(MotionEvent ev) {
    if (mNestedScrollingParent != null && !isChildTop()) {
        mNestedScrollingParent.onNestedScrollAccepted(this, child, ViewCompat.TYPE_TOUCH, ViewCompat.SCROLL_AXIS_VERTICAL);
        int[] consumed = new int[2];
        mNestedScrollingParent.onNestedPreScroll(this, child, ev, consumed, ViewCompat.TYPE_TOUCH, ViewCompat.SCROLL_AXIS_VERTICAL);
        int deltaY = ev.getY() - mLastY;
        mNestedScrollingParent.onNestedScroll(this, child, 0, deltaY, 0, mScrollOffset);
        mLastY = ev.getY();
        return true;
    }
    return false;
}

至此，我们完成了RecyclerView嵌套滑动置顶功能的实现。在实际项目中，我们可以根据具体需求对代码进行微调，以满足不同场景下的使用。

需要注意的是，该方案并非适用于所有情况。如果首页结构过于复杂，嵌套滑动层级过多，可能会导致性能问题。在这种情况下，开发者需要根据实际情况选择更加合适的解决方案。

@Override
public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {
    if (isChildTop()) {
        consumed[1] = true;
        return true;
    }
    return false;
}

@Override
public boolean isNestedScrollingEnabled() {
    return true;
}