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