轉(zhuǎn)載請(qǐng)注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),謝謝支持!
Android L:
Google已經(jīng)確認(rèn)Android L就是Android Lollipop(5.0),。
Google之前就已經(jīng)提前推出了Android L Developer Preview(開發(fā)者預(yù)覽版)來幫助開發(fā)者更快的了解Android特性,而不久前也推出了64位的模擬器鏡像,,而且首次搭載Android L系統(tǒng)的Nexus 6和 Nexus 9也即將上市,。 相信Android L正式版離我們也不遠(yuǎn)了,所以是時(shí)候開始學(xué)習(xí)Android L了,!
關(guān)于Android L如何配置模擬器和創(chuàng)建項(xiàng)目,,如果大家有興趣的話可以看看我之前的一篇文章: Android L——模擬器配置及創(chuàng)建項(xiàng)目
Material Design:
Material Design是Google推出的一個(gè)全新的設(shè)計(jì)語言,它的特點(diǎn)就是擬物扁平化,。
Material Design包含了很多內(nèi)容,,我大致把它分為四部分:
主題和布局——ANDROID L——Material Design詳解(主題和布局) 視圖和陰影——ANDROID L——Material Design詳解(視圖和陰影) UI控件——ANDROID L——Material Design詳解(UI控件) 動(dòng)畫——ANDROID L——Material Design詳解(動(dòng)畫篇)
今天就先來說說第一部分——Material主題和布局
Material Theme
使用Material主題:
Material主題只能應(yīng)用在Android L版本。 應(yīng)用Material主題很簡(jiǎn)單,,只需要修改res/values/styles.xml文件,,使其繼承android:Theme.Material。如下:
或者在AndroidManifest.xml中直接設(shè)置主題:
material主題可以定義為如下形式:
對(duì)于其他主題風(fēng)格可以參考API文檔(android.R.style)
自定義顏色基調(diào)(color palette)
material可以根據(jù)自定的品牌風(fēng)格,,自定義主題的基礎(chǔ)色調(diào),,如下(參考下方圖片):
自定義狀態(tài)條和導(dǎo)航條:
material還允許你輕松的自定義狀態(tài)條和導(dǎo)航條的顏色。 可以使用如下屬性(參考下方圖片): android:statusBarColor,,Window.setStatusBarColor
兼容性:
由于Material Theme只可以在Android L Developer Preview中使用。 所以在低版本使用的話就需要為其另設(shè)一套主題: 在老版本使用一套主題 res/values/styles.xml,,在新版本使用Material主題res/values-v21/styles.xml.
設(shè)計(jì)布局
Android L的一個(gè)重要的設(shè)計(jì)理念就是要在各種平臺(tái)上創(chuàng)建一個(gè)統(tǒng)一的風(fēng)格
在設(shè)計(jì)主題和布局之前,,你首先要看一下 material design specification這篇文章(Google官方關(guān)于如何設(shè)計(jì)的文章)。
文章從Aniamation, Style, Layout, Components, Patterns, Usability, Resources等幾方面非常詳細(xì)的介紹了如何正確的設(shè)計(jì)界面,。
Layout特點(diǎn)簡(jiǎn)述:
我個(gè)人簡(jiǎn)單理解(非常初級(jí)的理解)Android L的Material設(shè)計(jì)中Layout主要有以下幾點(diǎn):
Paper Craft(紙工藝):
在material的設(shè)計(jì)中,,每一個(gè)應(yīng)用程序所繪制的像素都像駐留在一張紙上,。
紙具有平坦的背景顏色,并且可以調(diào)整大小,,以滿足各種用途,。一個(gè)典型的布局是由多張紙組成。
Floating Actions 浮動(dòng)操作,,我也不知道翻譯成什么比較貼切,。 我個(gè)人理解它主要作用是一個(gè)承上啟下的浮動(dòng)按鈕,承接了兩個(gè)布局或者不同功能的轉(zhuǎn)換
Z軸: Android L中相對(duì)于之前X,,Y軸又新增了Z軸的概念,,有了Z軸可以做出更加具有立體感的控件。
如下圖是一個(gè)根據(jù)按鈕狀態(tài)來調(diào)整Z軸的高度
兼容性:
為了適應(yīng)Material Design的變化,所以Android L版本的布局并不能和老版本的通用,。 我們可以使用不同文件目錄,,來設(shè)置兩套布局分別對(duì)應(yīng)Android L和低版本: res/layout/,res/layout-v21/
總結(jié):
我將Material Design分為如下四部分:
主題和布局——ANDROID L——Material Design詳解(主題和布局) 視圖和陰影——ANDROID L——Material Design詳解(視圖和陰影) UI控件——ANDROID L——Material Design詳解(UI控件) 動(dòng)畫——ANDROID L——Material Design詳解(動(dòng)畫篇)
本文的主題和布局都是比較偏向設(shè)計(jì)的,,和代碼關(guān)系不是特別大,。所以這方面我不是特別熟悉,只是說了一下我個(gè)人的理解,。 詳細(xì)關(guān)于Material Design的主題和布局應(yīng)該如何設(shè)計(jì),,請(qǐng)看我之前提過的文章material design specification(設(shè)計(jì)真的是一門技術(shù)/藝術(shù),想做好實(shí)在太難了),。
剩余的視圖和陰影,,UI控件,動(dòng)畫就和我們編程人員息息相關(guān)了,,我會(huì)陸續(xù)更新,,敬請(qǐng)期待。,。,。
|
|