转载请注明出处:王亟亟的大牛之路
上一篇大致介绍了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上,即使他们不是统一厚度
再提一下按钮的种类(突出注意下他们的使用场景):
悬浮响应按钮
悬浮响应按钮是促进动作里的特殊类型。 是一个圆形的漂浮在界面之上的、拥有一系列特殊动作的按钮,这些动作通常和变换、启动、以及它本身的转换锚点相关。