Question

如何实现这一目标？

显示屏幕时，工具栏不可见。
当用户向上滚动时，工具栏将开始显示其子视图，并在向下滚动时消失，就像在玻璃门应用程序中一样。（作业详细信息屏幕）
滚动也必须平滑，因为Appbar布局中的布局行为会导致滚动不顺畅。

堆栈溢出中的所有问题总是在我们向上滚动时考虑隐藏工具栏视图。我的情况与玻璃门应用程序不同。

没有库可以实现吗？

Answer 1

据我所知，Glassdoor应用正在使用CollapsingToolbarLayout的修改版本。您需要包含设计支持和appcompat v7库：

compile 'com.android.support:design:23.4.0'
compile 'com.android.support:appcompat-v7:23.4.0'

您可以像这样设置布局：

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent" android:layout_height="wrap_content"
        android:theme="@style/AppBarOverlay" android:background="?attr/colorPrimary">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent" android:layout_height="wrap_content"
            app:contentScrim="?attr/colorPrimary" app:layout_scrollFlags="scroll"exitUntilCollapsed">

            <ImageView android:id="@+id/collapsing_image"
                android:layout_width="match_parent" android:layout_height="@dimen/collapsing_layout_height"
                android:scaleType="centerCrop" app:layout_collapseMode="parallax"/>

            <android.support.v7.widget.Toolbar android:id="@+id/toolbar"
                android:layout_width="match_parent" android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin" app:popupTheme="@style/PopupOverlay"/>

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

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

    <!-- Your scrolling content goes here -->

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

当内容向上滚动时，这会使collapsing_image在toolbar下方消失。

没有库就可以实现任何目标，你只需编写很多自己的代码。

具有淡入淡出和淡入的工具栏动画

1 个答案: