Material Design

 

原文：http://blog.csdn.net/xyz_lmn/article/details/35552103

     Material Design是google io开发者大会推出的新的设计语言，Material Design不像Android过去采用的Holo风格那样深沉，增长或修改了阴影动画功能，使其更加跳动和富有活力。

 

    

    Android L 开发者预览版包含了支持Material Design的Apps。Material Design是一个综合的视觉指南、运动和交互设计平台。在你的应用中能够按照material design 规范中定义的准则以及使用新的组件和功能在Android开发人员预览版。

 

            

Android L 开发者预览为你提供了一下功能以实现Material设计。

一、新的主题

二、新的复杂视图

三、新的阴影和动画api

 

 

Material Theme

 

     Materail Theme将为你的应用提供新的风格，系统控件将容许你使用颜色调色板，以及提供新的动画为触摸反馈

和Activity过分。

                  

Dark Material theme                                                       Light Material theme

 

New Widgets

 

    Android L 开发者预览提供了两个新的Widget显示复杂视图。

 

    RecyclerView：RecyclerView为ListView提升了显示动态视图性能，并且更加简单易用。

 

    CardView：CardView是一个卡片视图，能够在卡片内显示信息。

                       

                           

RecyclerView                                   CardView

 

 

 

View Shadows

 

    除了X、Y属性，Android L 开发者预览版的视图提供了Z属性，Z属性表示视图的仰角，它决定了：

 

    一、阴影大小，高Z值的视图投射更大的阴影。

    二、绘制顺序，高Z值的视图显示在最上面。

 

 

Animations

    Android L 开发者预览版提供新的动画API，你能够为UI控件的触摸响应、视图的状态、Activity的切换建立新的

自定义动画。

 

 

    新的动画API可让你作到：

    一、使用触摸反馈动画响应view的触摸事件。（touch feedback animations）

    二、使用reveal effect animations显示隐藏View。

    三、activity transitionanimations切换Activity

    四、建立更加天然的曲线运动动画

    五、一个或多个视图属性变化动画（state change animations）

        六、视图状态变化动画（state list drawables）

 

    Touch feedback animations 内置在android的标准控件内，例如 buttons。新的APIs可让你自定义动画，而且让动画加入到自定义的view中。

 

 

New Capabilities for Drawables

 

      Android L 开发者预览版支持drawable tinting：您能够定义位图做为alpha蒙版和使用颜色调色。你能够仅仅一

次建立这些资源，而且使用颜色匹配主题。Drawables支持多数的xml属性做为主题属性。

     Android L 开发者预览版提供了color extraction库，这个库可让你位图图像中自动提取突出的颜色。

 

         Material Design为设计应用带来了全新的美学理念，而Android L开发者预览版则基于此给予了应用开发者及设

计师一套很是完整的工具、各类响应式UI模式和主题元素，不只灵活，更能将色彩与个性展示得淋漓尽致。

 

 

/**

* @author 张兴业

*   http://blog.csdn.net/xyz_lmn

*  个人新浪微博： @张兴业TBOW

*/

 

 

 

Materail动画能够参考下：

http://pan.baidu.com/s/1i3HtOsH

http://developer.android.com/preview/material/videos/ContactsAnim.mp4                                             

参考：

http://www.google.com/design/spec/material-design/introduction.html#

http://developer.android.com/preview/material/index.html

http://www.polymer-project.org/components/paper-elements/demo.html

http://www.csdn.net/article/2014-06-26/2820407-google-io-android-l