一個神奇的控件——Android CoordinatorLayout與Behavior使用指南

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

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/toolbar_layout"
        android:fitsSystemWindows="true"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        app:contentScrim="?attr/colorPrimary">

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

    </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<!--可以include 抽取出來-->
<android.support.v4.widget.NestedScrollView                    
        android:layout_width="match_parent"        
        android:layout_height="match_parent"              
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        >    
    <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.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/fab_margin"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="bottom|end"
    android:src="@android:drawable/ic_dialog_email" />

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

2.AppBarLayout的子布局有5種滾動標識

就是上面代碼CollapsingToolbarLayout中配置的app:layout_scrollFlags屬性：

1. scroll:將此布局和滾動時間關聯。這個標識要設置在其他標識之前，沒有這個標識則布局不會滾動且其他標識設置無效。
2. enterAlways:任何向下滾動操作都會使此布局可見。這個標識通常被稱為“快速返回”模式。
3. enterAlwaysCollapsed：假設你定義了一個最小高度（minHeight）同時enterAlways也定義了，那么view將在到達這個最小高度的時候開始顯示，并且從這個時候開始慢慢展開，當滾動到頂部的時候展開完。
4. exitUntilCollapsed：當你定義了一個minHeight，此布局將在滾動到達這個最小高度的時候折疊。
5. snap:當一個滾動事件結束，如果視圖是部分可見的，那么它將被滾動到收縮或展開。例如，如果視圖只有底部25%顯示，它將折疊。相反，如果它的底部75%可見，那么它將完全展開。

3.CollapsingToolbarLayout的contentScrim、statusBarScrim 屬性。

• app:contentScrim設置折疊時工具欄布局的顏色
• app:statusBarScrim設置折疊時狀態欄的顏色。
  默認contentScrim是colorPrimary的色值，statusBarScrim是colorPrimaryDark的色值。這個后面會用到。

4.CollapsingToolbarLayout子布局設置折疊模式，app:layout_collapseMode**

• off:這個是默認屬性，布局將正常顯示，沒有折疊的行為。
• pin:CollapsingToolbarLayout折疊后，此布局將固定在頂部。
• parallax:CollapsingToolbarLayout折疊時，此布局也會有視差折疊效果

當CollapsingToolbarLayout的子布局設置了parallax模式時，我們還可以通過

app:layout_collapseParallaxMultiplier

設置視差滾動因子，值為：0~1。

5.FloatingActionButton

FloatingActionButton這個控件通過app:layout_anchor這個設置錨定在了AppBarLayout下方。FloatingActionButton源碼中有一個Behavior方法，當AppBarLayout收縮時，FloatingActionButton就會跟著做出相應變化。關于CoordinatorLayout和Behavior，我下一篇文章會和大家一起學習。

B站很早就開源了一個彈幕引擎，還起了個狂拽酷炫吊炸天的名字叫“烈焰彈幕使 ”（一看就是二次元程序猿們的作品→_→），源碼在github上，項目名叫 DanmakuFlameMaster 。

2. 自定義CoordinatorLayout的Behavior

自定義Behavior模仿知乎

1.先看下布局