• 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设计。

    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

  • 相关阅读:
    【刷题】洛谷 P4319 变化的道路
    【刷题】BZOJ 4573 [Zjoi2016]大森林
    CSS3_天猫商品墙
    CSS3_3D 变换
    CSS3_扇形导航_transitionend 事件
    CSS3_过渡_2D 变换_瓶体旋转_动态时钟
    CSS3_多列布局
    CSS3_线性渐变_径向渐变----背景
    CSS3_盒子背景
    CSS3_盒阴影_倒影_盒子大小可调
  • 原文地址:https://www.cnblogs.com/xyzlmn/p/3813325.html
Copyright © 2020-2023  润新知