Android控件大全(四)——CoordinatorLayout

CoordinatorLayout 其实就是个高级的FrameLayout，用于协调子布局
要使用该控件，需要再gradle中加入：

 compile 'com.android.support:design:24.2.1'

1、CoordinatorLayout与AppBarLayout

 <android.support.design.widget.CoordinatorLayout
     android:layout_height="match_parent"
     android:layout_width="match_parent"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:android="http://schemas.android.com/apk/res/android">
        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <android.support.v7.widget.Toolbar
                app:layout_scrollFlags="scroll"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize">
            </android.support.v7.widget.Toolbar>
        </android.support.design.widget.AppBarLayout>
        <android.support.v7.widget.RecyclerView
           app:layout_behavior="@string/appbar_scrolling_view_behavior"
           android:id="@+id/recycler"
           android:layout_width="match_parent"
           android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>
 </android.support.design.widget.CoordinatorLayout>

注意：代码的第10行和第16行  @string/appbar_scrolling_view_behavior 是系统自带的一个Behavior，我们之后再讨论，这边先看一下 app:layout_scrollFlags="scroll"

　　 　scroll、enterAlways、enterAlwaysCollapsed、exitUtilCollapsed、snap 五中可选

　　　　　scroll：伴随着滚动时间滚进滚出屏幕，如果设置了其他的flag，这个flag是必须写上的，不然没有效果；前面所有的子View都必须带上这个属性，不然没有效果

　　　　　enterAlways：快速返回模式，优先滚动toolbar

　　　　　enterAlwaysCollapsed ：要使用这种属性，必须设置一个minHeight，先将toolbar滚动至minHeight，然后滚动RecycylerView,滚动至顶部之后就继续滚动toolbar，并且需要配合enterAlways一起使用，否则没有效果

　　　　　exitUtilCollapsed：先将toolbar滚动至minHeight，然后滚动recyclerView，toolbar不会完全滚出屏幕

　　　　　snap：toolbar滚动添加一个吸附的效果

2、CoordinatorLayout与CollapsingToolbarLayout

 <android.support.design.widget.CoordinatorLayout
     android:layout_height="match_parent"
     android:layout_width="match_parent"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:android="http://schemas.android.com/apk/res/android">
    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="256dp">
     <android.support.design.widget.CollapsingToolbarLayout
           android:id="@+id/collapse"
           app:contentScrim="#30469b"
           app:layout_scrollFlags="scroll|exitUntilCollapsed"
           android:layout_width="match_parent"
           android:layout_height="match_parent">
              <ImageView
                 app:layout_collapseMode="parallax"
                 android:scaleType="center"
                 android:src="@mipmap/timg"
                 android:layout_width="match_parent"
                 android:layout_height="match_parent" />
              <android.support.v7.widget.Toolbar
                  app:layout_collapseMode="pin"
                  android:id="@+id/toolbar"
                  android:layout_width="match_parent"
                  android:layout_height="?attr/actionBarSize">
          </android.support.v7.widget.Toolbar>
       </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>
    <android.support.v7.widget.RecyclerView
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:id="@+id/recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>

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

注意：第11行：app:contentScrim设置折叠之后的颜色；

　　　第12行，flag必须设置成 scroll|exitUntilCollapsed；

　　　第16行 app:layout_collapseMode 设置成 parallax，表示图片会随着滚动开始渐变；

　　　第22行：设置成pin表示toolbar会停留在最上方

　　　此时如果要设置文字必须从CollapsingToolbarLayout入手

 <android.support.design.widget.FloatingActionButton
        app:layout_anchor="@id/appbar"
        app:layout_anchorGravity="right|bottom|end"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

　　实现floatingActionButton与AppbarLayout一同消失和呈现