AppBarLayout

去年的时候，在开发手机APP里面的个人设置的时候，我记得样式是CoordinatorLayout，那时候毛都不懂，照猫画虎写了一堆bug，至今记忆犹新。。。后来换了一家公司，这个玩意一次都没有用过╮(╯▽╰)╭ 所以在这里把关于CoordinatorLayout可能用到的控件总结一次，万一哪一天用到了，那就直接上手了。

---

AppBarLayout的相关属性

AppBarLayout是一个垂直的LinearLayout，可以用它实现Material Design 的Toolbar,它支持滑动手势,然后它的子控件可以设置自己期望的滚动行为setScrollFlags(int)或者在xml里面app:layout_scrollFlags.AppBarLayout的根布局必须是CoordinatorLayout，如果换成了其它的ViewGroup，那么很多滑动的功能就失效了。

1.主界面布局

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.coagent.test4.ScrollingActivity">

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

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

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

    <include layout="@layout/content_scrolling" />

    <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"
        app:srcCompat="@android:drawable/ic_dialog_email" />

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

2.

<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.coagent.test4.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>

AppBarLayout还需要一个滚动的控件，以便知道何时滚动。AppBarLayout.ScrollingViewBehavior来完成绑定，表示应该将滚动视图的行为设置为一个实例AppBarLayout.ScrollingViewBehavior。

3.app:layout_scrollFlags 设置滚动的标志

Flag	explain
scroll	视图滚动的时候与滚动事件相关联。设置此标志才能使下面提到的标志生效
enterAlways	配合scroll使用，上下滚动屏幕时，视图内容（Toolbar）也跟着滚动
enterAlwaysCollapsed	配合scroll enterAlways 使用，屏幕向上滚动时会隐藏折叠视图，然后屏幕向下移动的时候，将会显示折叠视图的一部分（折叠高度由视图的最小高度定义，不设置最小高度，没有效果哦），直到向上滑动到屏幕的顶部，才会完全显示折叠视图全部的高度
exitUntilCollapsed	配合scroll enterAlways 使用，屏幕向上滚动时将会显示折叠视图的一部分（折叠高度由视图的最小高度定义，不设置最小高度，没有效果哦），直到向下滑动到屏幕的顶部，才会完全显示折叠视图全部的高度
snap	配合scroll使用，根据我们滑动屏幕距离的大小，AppBarLayout视图自动显示或者隐藏

---

<android.support.v7.widget.Toolbar
               ...
                app:layout_scrollFlags="scroll"
               ... />

效果如下：

---

<android.support.v7.widget.Toolbar
               ...
                app:layout_scrollFlags="scroll|enterAlways"
               ... />

效果如下：

---

<ImageView
            ...
            app:layout_scrollFlags="scroll|enterAlways|enterAlwaysCollapsed"
            android:minHeight="80dp"
           ... />

效果如下：

---

        <ImageView
           ...
            app:layout_scrollFlags="scroll|enterAlways|exitUntilCollapsed"
            android:minHeight="80dp"
       ... />

        <ImageView
           ...
            app:layout_scrollFlags="scroll|snap"
       ... />

---

4.app:layout_scrollInterpolator
滚动此视图时使用的插值器。只有在View可滚动时才有效

OK，AppBarLayout就说到这里。下一篇，说一说 CollapsingToolbarLayout