Material Design应用的设计
Material Design的概念
Material Design可以理解为一门视觉设计语言,以构建跨平台和超越设备尺寸的统一体验,遵循基本的移动设计定则,支持触摸、语音、鼠标、键盘等输入方式为目标。通过设计方式来达到实体表面和边缘的真实感,借鉴传统的印刷设计——排版、网格、空间、比例、配色、图像使用——这些基础的平面设计规范。构建出视觉层级、视觉意义以及视觉聚焦。Material Design设计语言根据用户行为凸显核心功能,通过有意义的动画效果维持整个系统的连续性体验进而指引用户操作。
(Google最初设计这门全新的设计语言,目的是为了打造一个Google独有的设计风格。无论是手机、平板、台式机和其他平台形成统一的设计理念。)Google原生UI的Material Design(材料设计)风格。
Google在Android5.0之后新增的三维视图允许您设置 Z 维度来让视图元素升高偏离视图层次并投射实时阴影,即使是动态元素也能实现。
内置的Activity转换可让用户在赏心悦目的动画中无缝完成状态转换。Material Design 主题为您的 Activity 添加了转换,提供了在所有 Activity 中使用共享视觉元素的功能。
应用中的按钮、复选框以及其他触摸控件提供了波纹动画。
开发者还可以在 XML 中定义可绘制矢量,并以各种方式为其添加动画。可绘制矢量可在不损失清晰度的情况下进行缩放,非常适合单色应用内图标。
新增了一种名为渲染线程的系统管理处理线程,即使是在主 UI 线程出现延迟的情况下,仍可保持动画的流畅。在Android5.0(API 21)创建基于MaterialDesign的应用,开发者需要掌握的一下几点。
- 材料主题的使用
Android系统提供了满足不同需求的Material主题,可以自定义主题的外观(操作栏和状态栏的着色等),当前系统下的小部件拥有全新的设计和触摸反馈动画,开发者可以自己定制触摸反馈的动画以及操作行为的转换。
1)定义Material主题以及主题属性:
- 材料主题的使用
<resources>
<style name="AppTheme" parent="android:Theme.Material">
<!-- 操作栏 -->
<item name="android:colorPrimary">@color/primary</item>
<!-- 状态栏 -->
<item name="android:colorPrimaryDark">
@color/primary_dark</item>
<!-- 控制部件checkboxes和text fields -->
<item name="android:colorAccent">@color/accent</item>
</style>
</resources>
定制状态栏
材料主题可让您轻松定制状态栏,因此您可以指定一个符合自己品牌特色且对比度足够高、能够显示白色状态图标的颜色。
如果要为状态栏设置定制颜色,您可在扩展材料主题时使用android:statusBarColor属性,
默认情况下android:statusBarColor将继承 android:colorPrimaryDark 的值。
您也可自行将状态栏移到后侧。例如,您想在一个照片上以透明的方式显示状态栏&#