Andorid - Material Design之CoordinatorLayout

老婆保佑，代码无BUG

前言

这是MD 系列的最后一篇文章，文末，会将代码上传，有兴趣的小伙伴可以一起参考

目录

• 1. 与FloatingActionButton联动
• 2. 与AppBarLayout
  • layout_scrollFlags属性讲解
• 3. CollapsingToolbarLayout
  • NestedScrollView

---

效果

1. 与FloatingActionButton联动

在之前的FloatingActionButton一文中，有详细介绍Andorid - Material Design之FloatingActionButton

---

2. 与AppBarLayout

(图1 )一旦向上滚动这个view就可见

说明

 app:layout_behavior="@string/appbar_scrolling_view_behavior"

当加上这个behavior时候，RecyclerView的任意滚动事件都将触发AppBarLayout或者AppBarLayout里面view的改变

app:layout_scrollFlags="scroll|enterAlways"

首先必须要有scroll,这样其他属性才有作用，然后就对所有的属性做个说明

属性	说明
scroll	必须要有，保证其他的属性正常
enterAlways	一旦向上滚动这个view就可见，如上图1
enterAlwaysCollapsed	需要定义最小高度minHeight同时使用，enterAlways和enterAlwaysCollapsed，view将在到达这个最小高度的时候开始显示，并且从这个时候开始慢慢展开，当滚动到顶部的时候展开完，如下图2
exitUntilCollapsed	当你定义了一个minHeight，这个view将在滚动到达这个最小高度的时候消失。 如下图3

（1）enterAlwaysCollapsed

(图2)

排版问题，这里只放上 不同的地方，其他和上面一样，这里需要注意的地方，看GIF中，我下拉的时候，会有一个最小高度，等最小高度出来，我需要再次下拉一下，然后在会继续出来

下拉--> 显示最小高度-->下拉-->显示全部toolbar

（2）exitUntilCollapsed

图3

当下拉到我们设定的最小高度的时候，会将最小高度消失，直接消失全部的toolbar,这里会有一个最小高度一直在，注意了，还有就是scroll，必须放在所有的属性前面

下拉--> 当达到最小高度-->显示全部toolbar

---

3. CollapsingToolbarLayout

Untitled4.gif

CollapsingToolbarLayout collapsingToolbar = findViewById(R.id.collapsing_toolbar);
collapsingToolbar.setTitle("Title");

说明

imgView的这个属性必须加上

 app:layout_collapseMode="parallax"

看GIF图中，当我恢复到toolbar高度的时候，是不是粉红色，就是这个属性

   app:contentScrim="@color/colorAccent" //粉红色

3. NestedScrollView

就把他理解成ScrollView ，这是专门为了给Meterial Design用的，为了兼容其他的控件

---

源码地址

点击进入GitHub

最后

全部系列

Andorid - Material Design之Snackbar

Andorid - Material Design之TextInputLayout

Andorid - Material Design之FloatingActionButton

Andorid - Material Design之TabLayout

Andorid - Material Design之NavigationView和DrawerLayout

Andorid - Material Design之CoordinatorLayout