工具栏动画,淡入淡出并褪色



如何实现此目标?

  1. 显示屏幕时不可见工具栏。

  2. 当用户滚动时,工具栏将开始以其子视图出现,并在像玻璃门应用程序中再次向下滚动时消失。(作业详细信息屏幕)

  3. 滚动也必须平滑,因为Appbar布局中的布局行为会导致非平滑滚动。

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

这是可以在没有库的情况下实现的吗?

从我可以看出的是, 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下方。

没有库可以实现的任何事情,您只需要编写很多自己的代码。

最新更新