您需要设置
CoordinatorLayout
带有嵌入式
AppBarLayout
包含
CollapsingToolbarLayout
包裹着一个
Toolbar
还有一个兄弟姐妹
ViewGroup
例如
LinearLayout
. 是兄弟姐妹
视图组
将滑到工具栏后面。另一个键是在
折叠工具栏布局
像
scroll|exitUntilCollapsed|enterAlways
.
以下是结果的简短视频:
以下是XML:
<android.support.design.widget.CoordinatorLayout
android:id="@+id/coordinatorLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:id="@+id/appBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay"
app:expanded="true">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsingToolbarLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_scrollFlags="scroll|exitUntilCollapsed|enterAlways"
app:statusBarScrim="?attr/colorPrimaryDark">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_marginTop="?attr/actionBarSize"
android:background="@color/colorAccent"
android:orientation="vertical"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.0">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is line #1 of the sliding layout..." />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is line #2 of the sliding layout..." />
</LinearLayout>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/colorPrimary"
app:layout_collapseMode="pin" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="example.com.myapp.ScrollingActivity"
tools:showIn="@layout/activity_scrolling">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/text_margin"
android:text="@string/large_text" />
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>