在 AppBarLayout 中使用带有 enterAlways scrollFlag 的视图和带有 exitUntilCollapsed scrollFlag 的另一个视图

Question

我正在尝试使用 CoordinatorLayout 和 AppBarLayout 构建以下布局：

|视图 1（页眉）|
|视图 2 --------------|
|回收站视图--- |

我想要实现的行为如下：

当我滚动 RecyclerView 时，View 1 将完全崩溃。
当我继续滚动时，视图 2 将折叠，直到它处于 "collapsed" 状态。
RecyclerView 应在 View 2 折叠后开始滚动。
当我从中间向上滚动 RecyclerView 时，View 1 应该立即返回，而 View 2 仍处于折叠状态。
一旦 RecyclerView 到达顶部，它应该展开视图 2。

这是我作为概念验证创建的测试布局。

<android.support.design.widget.CoordinatorLayout
    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">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:text="TEST TITLE"
            android:textSize="50sp"
            app:layout_scrollFlags="scroll|enterAlways|snap" />

        <TextView
            android:id="@+id/view2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="TEST TEST TEST TEST TEST TEST TEST TEST"
            android:textSize="70sp"
            android:minHeight="50dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android:support.design.widget.CoordinatorLayout>

我创建了一个测试适配器以在 RV 中添加几个 TextView 项目（这里没什么特别的）。当我运行代码时，它实际上并没有按预期工作。

Initial Screen
向下滚动时，我确认视图 1 已完全折叠。
向下滚动更多。 View 2 折叠直到达到 minHeight。之后 RV 开始滚动。到目前为止，这是按预期工作的。
Here comes the problem. When I scroll up the RV. View 2 is expanded by the height of View 1. I'd like to see View 1 appear again.

我查看了 AppBarLayout 实现，问题似乎是因为 AppBarLayout 根据 scrollFlags 计算整个视图的滚动范围，并根据滚动偏移量偏移整个视图，而不是更新每个子视图.

有谁知道是否有任何解决方法或开源库可以解决此问题？它不一定是 CoordinatorLayout/AppBarLayout 方法，但我需要产生行为。

提前致谢。

Answer 1

好的，我自己找到了解决方案，并决定post我的解决方案供有类似问题的人使用。

解决方案是创建一个 NestedCoordinatorLayout，它通过实现 NestedScollingChild 来扩展 CoordinatorLayout，这样我们就可以在两个 AppBarLayout 之间进行交互。我在 post、中引用了 NestedScrollView 源代码和答案，但我不得不进行一些更改以使其按我想要的方式工作。

这是 NestedCoordinatorLayout 的代码。

public class NestedCoordinatorLayout extends CoordinatorLayout implements NestedScrollingChild {

    private final NestedScrollingChildHelper scrollingChildHelper;

    private final int[] parentOffsetInWindow = new int[2];
    private final int[] parentScrollConsumed = new int[2];

    public NestedCoordinatorLayout(Context context) {
        this(context, null);
    }

    public NestedCoordinatorLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public NestedCoordinatorLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        scrollingChildHelper = new NestedScrollingChildHelper(this);
        setNestedScrollingEnabled(true);
    }

    //NestedScrollingChild

    @Override
    public void setNestedScrollingEnabled(boolean enabled) {
        scrollingChildHelper.setNestedScrollingEnabled(enabled);
    }

    @Override
    public boolean isNestedScrollingEnabled() {
        return scrollingChildHelper.isNestedScrollingEnabled();
    }

    @Override
    public boolean startNestedScroll(int axes) {
        return scrollingChildHelper.startNestedScroll(axes);
    }

    @Override
    public void stopNestedScroll() {
        scrollingChildHelper.stopNestedScroll();
    }

    @Override
    public boolean hasNestedScrollingParent() {
        return scrollingChildHelper.hasNestedScrollingParent();
    }

    @Override
    public boolean dispatchNestedScroll(int dxConsumed, int dyConsumed, int dxUnconsumed,
                                    int dyUnconsumed, int[] offsetInWindow) {
        return scrollingChildHelper.dispatchNestedScroll(dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, offsetInWindow);
    }

    @Override
    public boolean dispatchNestedPreScroll(int dx, int dy, int[] consumed, int[] offsetInWindow) {
        return scrollingChildHelper.dispatchNestedPreScroll(dx, dy, consumed, offsetInWindow);
    }

    @Override
    public boolean dispatchNestedFling(float velocityX, float velocityY, boolean consumed) {
        return scrollingChildHelper.dispatchNestedFling(velocityX, velocityY, consumed);
    }

    @Override
    public boolean dispatchNestedPreFling(float velocityX, float velocityY) {
        return scrollingChildHelper.dispatchNestedPreFling(velocityX, velocityY);
    }

    //NestedScrollingParent

    @Override
    public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {
        scrollingChildHelper.startNestedScroll(nestedScrollAxes);
        return super.onStartNestedScroll(child, target, nestedScrollAxes);
    }

    @Override
    public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
        final int[] parentConsumed = parentScrollConsumed;
        //This is where the most important change happens.
        //During the prescroll, we want to decrease dx/dy.
        //This will make sure the top bar gets the scroll event first.
        if (dispatchNestedPreScroll(dx, dy, parentConsumed, null)) {
            dx -= parentConsumed[0];
            dy -= parentConsumed[1];
            consumed[0] += parentConsumed[0];
            consumed[1] += parentConsumed[1];
        }
        super.onNestedPreScroll(target, dx, dy, consumed);
    }

    @Override
    public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
        dispatchNestedScroll(dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed, parentOffsetInWindow);
        super.onNestedScroll(target, dxConsumed, dyConsumed, dxUnconsumed, dyUnconsumed);
    }

    @Override
    public void onStopNestedScroll(View target) {
        scrollingChildHelper.onStopNestedScroll(target);
        super.onStopNestedScroll(target);
    }

    @Override
    public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {
        scrollingChildHelper.dispatchNestedFling(velocityX, velocityY, consumed);
        return super.onNestedFling(target, velocityX, velocityY, consumed);
    }

    @Override
    public boolean onNestedPreFling(View target, float velocityX, float velocityY) {
        scrollingChildHelper.dispatchNestedPreFling(velocityX, velocityY);
        return super.onNestedPreFling(target, velocityX, velocityY);
    }

    @Override
    public void onNestedScrollAccepted(View child, View target, int axes) {
        super.onNestedScrollAccepted(child, target, axes);
        startNestedScroll(axes & ViewCompat.SCROLL_AXIS_VERTICAL);
    }
}

更新后的 xml 文件如下所示：

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout 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">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout_for_view1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/view1"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:text="TEST TITLE"
            android:background="@android:color/white"
            android:textSize="50sp"
            app:layout_scrollFlags="scroll|enterAlways|snap" />

    </android.support.design.widget.AppBarLayout>

    <!-- Consider this like a NestedScrollView.
         You need to have a scrolling behavior -->
    <NestedCoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/app_bar_layout_for_view2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/view2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:minHeight="50dp"
                android:text="TEST TEST TEST TEST TEST TEST TEST TEST"
                android:textSize="70sp"
                app:layout_scrollFlags="scroll|exitUntilCollapsed" />

        </android.support.design.widget.AppBarLayout>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    </NestedCoordinatorLayout>

</android.support.design.widget.CoordinatorLayout>

它就像一个魅力

在 AppBarLayout 中使用带有 enterAlways scrollFlag 的视图和带有 exitUntilCollapsed scrollFlag 的另一个视图

Using a view with enterAlways scrollFlag and another view with exitUntilCollapsed scrollFlag in an AppBarLayout

android

material-design

android-coordinatorlayout

android-appbarlayout