Material Design

|▌冷眼眸甩不掉的悲伤 提交于 2020-02-27 14:14:33


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


    

    Android L 开发人员预览版包括了支持Material Design的Apps。Material Design是一个综合视觉指南、运动和交互设计平台

在你的应用中能够依照material design 规范中定义准则以及使用新组件和功能在Android开发人员预览版


            

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

1、新的主题

2、新的复杂视图

3、新的阴影和动画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属性表示视图的仰角。它决定了:


    1、阴影大小Z值视图投射更大阴影。

    2、绘制顺序,Z值视图显示在最上面。


Animations

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

自己定义动画。


    新的动画API能够让你做到:

    1、使用触摸反馈动画响应view的触摸事件。(touch feedback animations

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

    3、activity transitionanimations切换Activity

    4、创建更加自然的曲线运动动画

    5、一个或多个视图属性变化动画(state change animations)

        6、视图状态变化动画(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 张兴业
*  我的新浪微博:@张兴业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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!