Material Design 你要的都在这里了(持续跟新)

原创作品，转载请注明出处

之前的文章中对Material Design做了概括性的介绍，从Android5.0开始，谷歌就将所有内置应该都按照Material Design风格来设计，我个人是很喜欢这种风格的，所以才有了写一个全Material Design风格的App,来深入学习。

项目地址:https://github.com/duyangs/MaterialDesignDemo
附个链接 https://developer.android.com/design/material/index.html?hl=zh-cn

---

下面直接开门见山

• TextInputLayout

EditText很常用 ，hint也不陌生，还有错误提示 ，传统的方式想想怎么弄 ？
算了 别想了，往下看

直接套个TextInputLayout 轻松解决，还有点小酷炫

---

• Snackbar

Snackbar之前有写文章专门讲过http://www.jianshu.com/p/904883329714

---

• Toolbar

详细讲解传送门 http://www.jianshu.com/p/b6b09ceb767c

• DrawerLayout + NavigationView = 侧滑菜单

侧滑菜单在日常应用中越发常见了，它也是Material Design的一员

android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

     ···

         //menu布局

效果就是这么直接

---

• CoordinatorLayout + AppBarLayout 实现ToolBar隐藏显示

CoordinatorLayout可以监听其所有子控件的各种事件，然后做出最为合理的相应
AppBarLayout在其内部做了很多滚动时间的封装。
然后两者结合，就变得有趣了 。 我们先来感受下

        

            
        

        

            
        

      ……

    

app:layout_behavior="@string/appbar_scrolling_view_behavior"是Design库提供的布局行为
app:layout_scrollFlags="scroll|enterAlways|snap"
scroll -> 当RecyclerView向上滚动的时候 Toolbar也向上滚动并隐藏
enterAlways -> 当RecyclerView向下滚动的时候 Toolbar也向下滚动并显示
snap -> 当Toolbar没有完全显示时 根据距离判断显示或隐藏
显示：

隐藏：

Gif展示：

---

• CollapsingToolbarLayout实现可折叠标题栏

CollapsingToolbarLayout是AppBarLayout的直接子类，只能在AppBarLayout中使用

像这样

        

            

              //折叠过程中位置保持不变

        
    

效果
展开时：

收起时：

完整Gif：

本项目持续跟新，后续也会写的更深入更细致
https://github.com/duyangs/MaterialDesignDemo
感兴趣可以Satr、Fork

每星期至少一篇跟新，感兴趣可以关注。

一起学习，一起进步。