CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar用法小結

CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar用法小結

今天做項目，沉浸式标題的一些用法的總結，怕自己忘記屬性，是以寫下來。

首先要了解，使用沉浸式标題首先要嵌套布局：

android.support.design.widget.CoordinatorLayout

android.support.design.widget.AppBarLayout

android.support.design.widget.CollapsingToolbarLayout

android.support.v7.widget.Toolbar

這四個控件的嵌套

使用之前：android studio中 别忘了添加compile ‘com.android.support:design:xx.x.x’

具體請參考，請在android studio中建立一個scrollactivity

一.CoordinatorLayout:協調布局

主要功能：協調兩個子布局之間的滾動事件

排版方式：類似LinearLayout的android:orientation=”vertical”

可以作為根标簽，也可以嵌套在其他布局之内

二.AppBarLayout:标題欄布局

主要功能：對于toolbar的限制

主要屬性：height：你設定的沉浸式标題顯示的高度

三.CollapsingToolbarLayout：折疊toolbar布局(重點)

主要屬性：app:layout_scrollFlags=”scroll|exitUntilCollapsed”（通常寫法）

這裡提示的有五個，

scroll：你想要向上滾動，滾出螢幕的控件，都需要設定這個flag， 沒有設定此屬性這個flag的控件将被固定在螢幕頂部

exitUntilCollapsed：向上滾動，最後toolbar會留在最上方

enterAlways：向上滾動，徹底消失， 向下的滾動都會導緻該控件，立刻可見

enterAlwaysCollapsed：向上滾動，徹底消失，向下滾動，如果你的視圖已經設定 minHeight屬性添加此标志時， 向下滑動時，你的視圖隻能已最小高度進入，慢慢的變高， 隻有當滾動視圖到達頂部時才擴大到完整高度。

snap：向上滾動，徹底消失

app:contentScrim=”#151515” 向上滾動時，toolbar停留時背景的顔色，我這裡時灰黑色，請随意設定

三.附加,CollapsingToolbarLayout裡面可以設定多級布局，

最主要的是，裡面的控件要設定

app:layout_collapseMode=””

提供三個屬性

“pin”：固定模式，在折疊的時候最後固定在頂端；

“parallax”：視差模式，在折疊的時候會有個視差折疊的效果

“none”：無模式

四.toolbar

主要設定

app:layout_collapseMode=”pin”

其他請參考toolbar的使用，謝謝