众所周知Material Design（材质设计）是Google在2014年I/O大会上发布的一种新的设计规范。一经推出就好评如潮，个人是非常喜欢这种风格的，由于他只支持5.0及其以上的设备，开发者也只是去尝尝鲜，并没用在真实的项目中去，使得其在国内的市场并不是太好。
随后不久Google就推出了其兼容库Android Design Support Library，兼容至2.1！这绝对是业界良心，极大的便利了我们这些开发者。这一兼容库可以让我们可以在自己的项目真实的去体验一把。
百度谷歌一下，其实现在已经有个很多介绍这个支持库的文章，但是很多都并不太详细，大部分让人看了都似懂非懂，我之前也学习过这个库的用法，很久没看基本又忘了，最近我又重新开始学习了这个库，所以本文也主要是对这次学习的一个总结，当然也参考了其他很多的文章，算是站在巨人的肩膀上吧，当然这篇文章也为后来的学习者有更多的参考资料。
先来几张效果图吧：
感兴趣的也可以先看看，最后能做一个什么样的App：MDDemo.apk
说到这个兼容库，其实很多都是可以在Github去找到对应的效果的，其实我们也是可以去用Github上的那些开源项目，那么多的库都要一个一个去引用，还是非常的麻烦，我猜可能Google也是看到这些东西经常被开发者用在了项目中，索性自己将其封装成了一个库，以方便开发者的使用。这个库我们应该怎样去使用呢？这是本文讲解的重点。首先我们看看这个库怎么去引用到我们的项目中：
compile ‘com.android.support:design:23.1.1’
我们只需将其添加到项目的依赖中去，然后同步一下就OK了。
添加了依赖之后我们再来看看这个库里面都有哪些控件吧，如下图，红色边框矩形框出来的就是这个库里面包含的控件，我们可以看到有AppBarLayout、CollapsingToolbarLayout、CoordinatorLayout，FloatingActionButton、NavigationView、Snackbar、TabLayout、TextInputLayout这八种，后面我会一个一个介绍用法，如果还没学过这些控件使用的本文可以手把手教你学会怎么去使用，如果之前有了解过的或者对这个还比较熟悉的，也可以继续看下去，就当做温习一下，顺便还可以帮我找出有表达不正确的地方。
1.Snackbar
SnackBar通过在屏幕底部展示简洁的信息，为一个操作提供了一个轻量级的反馈，并且在Snackbar中还可以包含一个操作，在同一时间内，仅且只能显示一个 Snackbar，它的显示依赖于UI，不像Toast那样可以脱离应用显示。它的用法和Toast很相似，唯一不同的就是它的第一个参数不是传入Context而是传入它所依附的父视图，但是他比Toast更强大。
我们来看看它的基本使用
|
1 |
Snackbar.make(mDrawerLayout, "SnackbarClicked", Snackbar.LENGTH_SHORT).show(); |
是不是和Toast很相似。我们来看看它的效果图：
SnackWithoutAction
是不是看着比Toast舒服多了
好了，我们再来看看一个包含Action的Snackbar怎么使用
|
1 2 3 4 5 6 |
Snackbar.make(mDrawerLayout, "SnackbarClicked", Snackbar.LENGTH_SHORT).setAction("Action", new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "I'm a Toast", Toast.LENGTH_SHORT).show(); } }).setActionTextColor(Color.RED).show(); |
这里我给Snackbar设置了一个Action，设置其文字颜色为红色，并带有了一个点击事件，在单击这个Action后就弹出一个Toast，效果图如下
SnackbarWithAction
2.TextInputLayout
使用过EditText的同学肯定知道，有一个叫hint的属性，它可以提示用户此处应该输入什么内容，然而当用户输入真实内容之后，hint的提示内容就消失了，用户的体验效果是十分不好的，TextInputLayout的出现解决了这个问题。
我们来看看这个控件的是怎么使用的
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="10dp" tools:context="burgess.com.materialdesignstudy.MDTextViewActivity"> <!--TextInputLayout的颜色来自style中的colorAccent的颜色--> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <EditText android:id="@+id/edit_username" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="用户名/手机号" android:inputType="textEmailAddress" /> </android.support.design.widget.TextInputLayout> <android.support.design.widget.TextInputLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <EditText android:id="@+id/edit_pwd" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="密码" android:inputType="textPassword" /> </android.support.design.widget.TextInputLayout> </LinearLayout> |
其实这个控件的使用非常简单，我们只需在EditText外面再嵌套一个TextInputLayout就行了。我们来看看效果
TextInputLayout
还是很不错的，当用户在输入的时候hint的内容就会跑到输入内容的上边去，其中TextInputLayout中字体的颜色是style文件中的colorAccent（关于colorAccent是什么，文末有一张图看了就清楚了）的颜色。
3.FloatingActionButton
FloatingActionButton从名字可以看出它是一个浮动的按钮，它是一个带有阴影的圆形按钮，可以通过fabSize来改变其大小，主要负责界面的基本操作，这个按钮总体来说还是比较简单的。
我们来看看它的一些属性：
- 默认FloatingActionButton 的背景色是应用主题的 colorAccent（其实MD中的控件主题默认基本都是应用的这个主题），可以通过app:backgroundTint 属性或者setBackgroundTintList (ColorStateList tint)方法去改变背景颜色。
- 上面提到 Floating action button 的大小尺寸，可以用过app:fabSize 属性设置（normal or mini）
- android:src 属性改变 drawable
- app:rippleColor设置点击 button 时候的颜色（水波纹效果）
- app:borderWidth设置 button 的边框宽度
- app:elevation设置普通状态阴影的深度（默认是 6dp）
- app:pressedTranslationZ设置点击状态的阴影深度（默认是 12dp）
怎么去使用：
|
1 2 3 4 5 6 7 8 9 10 |
́5.0及其以上的设备，开发者也只是去尝尝鲜，并没用在真实的项目中去，使得其在国内的市场并不是太好。
随后不久Google就推出了其兼容库Android Design Support Library，兼容至2.1！这绝对是业界良心，极大的便利了我们这些开发者。这一兼容库可以让我们可以在自己的项目真实的去体验一把。 百度谷歌一下，其实现在已经有个很多介绍这个支持库的文章，但是很多都并不太详细，大部分让人看了都似懂非懂，我之前也学习过这个库的用法，很久没看基本又忘了，最近我又重新开始学习了这个库，所以本文也主要是对这次学习的一个总结，当然也参考了其他很多的文章，算是站在巨人的肩膀上吧，当然这篇文章也为后来的学习者有更多的参考资料。 先来几张效果图吧：
说到这个兼容库，其实很多都是可以在Github去找到对应的效果的，其实我们也是可以去用Github上的那些开源项目，那么多的库都要一个一个去引用，还是非常的麻烦，我猜可能Google也是看到这些东西经常被开发者用在了项目中，索性自己将其封装成了一个库，以方便开发者的使用。这个库我们应该怎样去使用呢？这是本文讲解的重点。首先我们看看这个库怎么去引用到我们的项目中：
我们只需将其添加到项目的依赖中去，然后同步一下就OK了。 添加了依赖之后我们再来看看这个库里面都有哪些控件吧，如下图，红色边框矩形框出来的就是这个库里面包含的控件，我们可以看到有AppBarLayout、CollapsingToolbarLayout、CoordinatorLayout，FloatingActionButton、NavigationView、Snackbar、TabLayout、TextInputLayout这八种，后面我会一个一个介绍用法，如果还没学过这些控件使用的本文可以手把手教你学会怎么去使用，如果之前有了解过的或者对这个还比较熟悉的，也可以继续看下去，就当做温习一下，顺便还可以帮我找出有表达不正确的地方。
1.SnackbarSnackBar通过在屏幕底部展示简洁的信息，为一个操作提供了一个轻量级的反馈，并且在Snackbar中还可以包含一个操作，在同一时间内，仅且只能显示一个 Snackbar，它的显示依赖于UI，不像Toast那样可以脱离应用显示。它的用法和Toast很相似，唯一不同的就是它的第一个参数不是传入Context而是传入它所依附的父视图，但是他比Toast更强大。 我们来看看它的基本使用
是不是和Toast很相似。我们来看看它的效果图：
是不是看着比Toast舒服多了 好了，我们再来看看一个包含Action的Snackbar怎么使用
这里我给Snackbar设置了一个Action，设置其文字颜色为红色，并带有了一个点击事件，在单击这个Action后就弹出一个Toast，效果图如下
2.TextInputLayout使用过EditText的同学肯定知道，有一个叫hint的属性，它可以提示用户此处应该输入什么内容，然而当用户输入真实内容之后，hint的提示内容就消失了，用户的体验效果是十分不好的，TextInputLayout的出现解决了这个问题。 我们来看看这个控件的是怎么使用的
其实这个控件的使用非常简单，我们只需在EditText外面再嵌套一个TextInputLayout就行了。我们来看看效果
还是很不错的，当用户在输入的时候hint的内容就会跑到输入内容的上边去，其中TextInputLayout中字体的颜色是style文件中的colorAccent（关于colorAccent是什么，文末有一张图看了就清楚了）的颜色。 3.FloatingActionButtonFloatingActionButton从名字可以看出它是一个浮动的按钮，它是一个带有阴影的圆形按钮，可以通过fabSize来改变其大小，主要负责界面的基本操作，这个按钮总体来说还是比较简单的。
怎么去使用： |
