Android 5.0之应用中实现材料设计—Material Design

上午的时候在刷Google+，看到了Abraham Williams转发了一篇强文，是Android Developers网站新发的一篇博客—Implementing Material Design in your Android App。觉得很前卫，对于新发布的Android版本号Android 5.0是一个很好的学习和了解的机会，所以就花了些时间把它翻译了下来，希望对自己、对其它人有所启发。

因为翻译Android开发博客和API也只是业余爱好，水平有限，其中不免有不准确的地方，所以把原文地址也一并贴过来，不清楚的地方，可以查看原文。

http://android-developers.blogspot.com/2014/10/implementing-material-design-in-your.html?m=1，不幸的是，要查看这篇文章，得FQ。

好，下面是翻译的详情：

对于多屏世界，材料设计(Material Design)是一种实现可视化、交互和动作设计的综合途径。Android 5.0 Lollipop和更新的支持包能够了帮你创建材料UI。下面简要简介一下在应用中能够实现的材料设计、API和控件的一些主要元素。

有形的surface

在材料设计中，UI由数字“纸&墨”碎片构成。surface及其投射的阴影对应用的结构，即所能触摸到的界面和感知到的移动，提供了可见的提示。材料设计可以通过移动、扩展和重组来创建灵活的UI。

阴影

Surface的位置和深度导致光线和阴影上面的轻微改变。新的elevation属性使你能够精确的设置视图在Z轴上的位置，由此，framework在该视图后面的子项上面投射出实时动态的阴影。你可以以dip为单位在布局中声明设置elevation：

Animator reveal = ViewAnimationUtils.createCircularReveal(
viewToReveal, // The new View to reveal
centerX,      // x co-ordinate to start the mask from
centerY,      // y co-ordinate to start the mask from
startRadius,  // radius of the starting mask
endRadius);   // radius of the final mask
reveal.start();

View Code
Interpolators

动作应该是审慎的、迅捷的、精确的。不像典型的”易入易出”的转换特效，在材料设计中，对象常常快速开始，然后缓慢地到达他们的最终位置。在动画的过程中，对象花费更多的时间在靠近最终位置的地方。最终，用户不必等待动画结束，由此，动作的负面效果被最小化。新的”快进慢出”interpolator已被添加进来以实现这种动作。



http://3.bp.blogspot.com/-h1tGDao-XK4/VEqCGLnpyQI/AAAAAAAAA60/LE4NO1X_gzk/s1600/animation-authentic-motion-authenticMotion_massAndWeight_ex1_large_xhdpi.gif

对于元素的进入屏幕，请分别查看”线出慢入”和”快出线入”interpolator。

可适设计

材料设计的最终核心概念是创建适应性的设计，这种设计对于所以尺寸形状，从手表到巨型电视，都能够完好地适应。适应性设计技术帮我们实现了这种愿景：在相同的基础系统下，每一个设备展示了不同的视图。每一个视图对于每一种尺寸都是量身定制，每一种交互对于每一个设备都恰到好处。色彩、图像、视图层次结构和空间联系保持恒定。材料设计系统提供了灵活的构件和模式来帮你构建可伸缩的设计。

工具条(Toolbar)

Toolbar是action bar模式的泛化，提供了相似的功能，但却更加灵活。不像标准的action bar，toolbar在视图层次结构中只是一个视图，和其它的没有任何区别，所以你可以把它放到任何你喜欢的地方，和其它的视图交叉布局，生成动画，回应滑动事件等待。通过调用Activity.setActionBar()，你可以使Toolbar像Activity中的action bar一样活动。



http://1.bp.blogspot.com/-np39I5VrQTQ/VEnnefqkroI/AAAAAAAAA6c/--kVt_Wi1vk/s1600/contacts_toolbars.png

在这个例子当中，蓝色的toolbar高度被扩展，贴在了屏幕内容上面，并提供了一个导航按钮。注意：额外的两个toolbar分别用在列表和细节视图中。

继续前行并材料设计化

材料设计助你构建易于理解的、美观的且可适的应用，其中充满了动作。我希望这篇博客能够激励你把这些规则应用到你的app中，并指示了一些新的(兼容性)API来达到这个目的。