Android AppBarLayout(design)

design:全称 material design 材料设计
2014年谷歌大会上推出

我们在使用app的时候会发现有这样的一个折叠拉伸效果：

当向上滑动的时候“易烊千玺”的标题逐渐变小，最终图片消失不见，剩下一个toolbar，FloatingActionButton也跟着消失

那么如何实现这么一个效果那，这就用到了我们的：CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout，其实这就是我们的UI布局

如何实现？？

先来给大家看一个整体思维导图：

可能大部分人没有太明白这张图，毕竟的写的有些飘逸，那我来给大家讲解一下：

第一层：跟布局一定要是CoordinatorLayout

第二层：AppBarLayout+recyclerview(注意一定要是recyclerview，listview是没有办法实现这样的一个效果的)   

第三层：CollapsingToolbarLayout实现一个折叠的效果

第四层：放置一个imageview+toolbar即可实现

不要忘记了还有一个floatingActionButton也就是小爱心的实现

整个demo:

MainActivity类：

package com.example.design;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayou