Material Design


    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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章