效果预览

使用方法

Gradle 中添加下面依赖

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

CoordinatorLayout

<android.support.design.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

     <! --Your Scrollable View 只支持RecyclerView和NestedScrollView-->
    <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <android.support.v7.widget.Toolbar
                  android:id="@+id/toolbar"
                  android:layout_width="match_parent"
                  android:layout_height="?attr/actionBarSize"
                  android:background="@color/primary"
                  app:layout_scrollFlags="scroll|enterAlways">

            <android.support.design.widget.TabLayout
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  app:layout_scrollFlags="scroll|enterAlways">
     </android.support.design.widget.AppBarLayout>

    <android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    android:src="@android:drawable/ic_dialog_email" />
</android.support.design.widget.CoordinatorLayout>

说明：

（1）给这个可滚动组件设置了layout_behavior

（2）给另一个控件设置了layout_scrollFlags

（3）当设置了layout_behavior的控件滑动时，就会触发设置了layout_scrollFlags的控件发生状态的改变。

设置的layout_scrollFlags有如下几种选项：

（1）scroll: 所有想滚动出屏幕的view都需要设置这个flag，没有设置这个flag的view将被固定在屏幕顶部。

（2）enterAlways: 这个flag让任意向下的滚动都会导致该view变为可见，启用快速“返回模式”。

（3）enterAlwaysCollapsed: 当你的视图已经设置minHeight属性又使用此标志时，你的视图只能已最小高度进入，只有当滚动 视图到达顶部时才扩大到完整高度。

（4）exitUntilCollapsed：滚动退出屏幕，最后折叠在顶端。

FloatingActionButton：

android:layout_gravity=”bottom|end”来确定 FAB的位置在底端的最右边的位置

源码地址

https://github.com/WuXiaolong/DesignSupportLibrarySample

官网API

http://developer.android.com/intl/zh-cn/reference/android/support/design/widget/CoordinatorLayout.html