Material Design学习之 Button（详细分析，传说中的水滴动画）

转载请注明出处：王亟亟的大牛之路

      上一篇大致介绍了Material Design的一些基本概念传送门：http://blog.csdn.net/ddwhan0123/article/details/50541561

这一片来具体学习下里面的内容，这篇分为两部分一部分是原理分析，一部分是代码分析。

先简要的介绍一些理论知识，顺便温顾下基础知识

按钮

按钮由文字和/或图标组成，文字及图标必须能让人轻易地和点击后展示的内容联系起来。
主要的按钮有三种:

• 悬浮响应按钮(Floating action button)， 点击后会产生墨水扩散效果的圆形按钮。
• 浮动按钮(Raised button)， 常见的方形纸片按钮，点击后会产生墨水扩散效果。
• 扁平按钮(Flat button)， 点击后产生墨水扩散效果，和浮动按钮的区别是没有浮起的效果。

颜色饱满的图标应当是功能性的，尽量避免把他们作为纯粹装饰用的元素。

在我们AS建包之后就会有一种Blank Activity的模式，里面会有一个悬浮响应按钮(Floating action button)

跟我们一直搜的什么360悬浮按钮一个实现吧，但是要点明一点中心，他是有厚度的。

大致像这样：

我们的控件都是有厚度的，他们不在一个层级上，造成了层次感。

顺便上一下我们的案例对象的效果：

从图中我们可以看出，按钮的事件是有响应的（也就是大家一直搜的“地震”传播的效果）

案例中有一个问题，就是颜色的不统一。

注意事项：

按钮的设计应当和应用的颜色主题保持一致。（这一点还是很重要的，尽量不要用户觉得一种杂乱感）

设计的过程中一定不要让我们的全副按钮重叠在底部的BAR/Button上，即使他们不是统一厚度

再提一下按钮的种类（突出注意下他们的使用场景）：

悬浮响应按钮

悬浮响应按钮是促进动作里的特殊类型。 是一个圆形的漂浮在界面之上的、拥有一系列特殊动作的按钮，这些动作通常和变换、启动、以及它本身的转换锚点相关。