android - CollapsingToolbarLayout 仅在顶部展开

Question

我在使用 AppBarLayout 和 CollapsingToolbarLayout 时遇到了一些问题。这是当前发生的情况:

https://www.youtube.com/watch?v=z4yD8rmjSjU

向下滚动的 Action 正是我想要的。然而，当我再次向上滚动时，橙色条应该立即出现(确实如此)，但我希望 ImageView 仅在用户滚动到最顶部时才开始出现。谁能帮我实现这个效果？

这是我的布局 xml:

<android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|enterAlways|exitUntilCollapsed">

        <TextView
                android:text="ImageView"
                android:textSize="20sp"
                android:textColor="@android:color/white"
                android:gravity="center"
                android:layout_marginTop="56dp"
                android:layout_width="match_parent"
                android:layout_height="145dp"
                app:layout_collapseMode="parallax"
                android:background="#444"/>

        <TextView
                android:text="Top bar"
                android:textColor="@android:color/white"
                android:gravity="center_vertical"
                android:paddingStart="16dp"
                android:paddingEnd="16dp"
                android:layout_width="match_parent"
                android:layout_height="56dp"
                android:background="#ff8000"
                app:layout_collapseMode="pin"/>

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

    <TextView
            android:text="Bottom bar"
            android:gravity="center_vertical"
            android:paddingStart="16dp"
            android:paddingEnd="16dp"
            android:layout_width="match_parent"
            android:textColor="@android:color/black"
            android:layout_height="50dp"
            android:background="#ddd"
            app:layout_scrollFlags="enterAlways"/>


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

<include layout="@layout/content_scrolling"/>

Answer 1

CoordinatorLayout 行为的自定义很难。您希望橙色条立即出现，但 ImageView 仅在内容滚动到顶部后才出现，但这些 View 属于一个父 CollapsingToolbarLayout 并且两者都得到任一个您的行为现在或与enterAlwaysCollapsed 标志相反。我认为没有办法在不扰乱 CoordinatorLayout/CollapsingToolbarLayout Java API 的情况下分离这些 View 的行为。

如果更简单的行为不是一个选项并且这里没有人指出一个简单的解决方案，我建议尝试一个相对较新的 MotionLayout 而不是与 CollapsingToolbarLayout 内部一起跳舞，你会节省自己很多时间到底。开始时会有点困难，但它提供了清晰的定制方法。这是 a very good article它展示了如何构建类似于 CoordinatorLayout 但使用 MotionLayout 的用户体验。和 second part of this article有一些额外的定制。