概述

2014年，Google攜Android5.X重裝歸來，全新的UI設(shè)計(jì)和更加優(yōu)化的性能，令開發(fā)者眼前一亮

安裝和配置Android5.0開發(fā)環(huán)境

開發(fā)Android還得靠AS，下載地址
http://developer.android.com/intl/zh-cn/sdk/index.html

材料設(shè)計(jì)概述

材料的形態(tài)模擬

Google通過模擬自然界紙墨的形態(tài)變化、光線與陰影、紙與紙之間的控件層級關(guān)系，帶來一種真實(shí)的空間感

更加真實(shí)的動畫

Android5.x大量加入了各種新的動畫效果，讓整個設(shè)計(jì)風(fēng)格更加自然和諧。

大色塊的使用

Material Desigin中運(yùn)用了大量高度飽和、適中亮度的大色塊來突出界面的主次，并一掃Android4.X系列Holo主題的沉重感，讓界面更加富有時尚感和視覺沖擊力

此外還有很多新的設(shè)計(jì)風(fēng)格，如懸浮按鈕，聚焦大圖、無框按鈕、波紋效果等新特性
具體可參考
http://www.google.com/design/#resources

材料設(shè)計(jì)能做哪些工作

• 保證向后的兼容性
• 使用材料設(shè)計(jì)的主題
• 讓視圖產(chǎn)生陰影
• 使用RecyclerView和CardView
• 定制動畫

intel x86模擬器

下載和安裝intel x86模擬器加速器

之前的ARM模擬器，是以軟件的形式模擬，所以很慢~x86可以選這使用宿主機(jī)器的GPU等，和真機(jī)的速度相差無幾~

下面更新SDK使用了國內(nèi)的代理，需要的童鞋可以看下

下載

打開SDK Manager

install 之后

安裝

找到SDK如下目錄，因?yàn)檫@個加速器是跨平臺的，windows操作系統(tǒng)對應(yīng)的是exe執(zhí)行文件,安裝即可

當(dāng)然你也可以使用genymotion~有真機(jī)最好了~

從官方下載x86模擬器加速器

除了從SDK中下載，還可以從Intel官方網(wǎng)站上下載加速器

官網(wǎng)如下：
https://software.intel.com/zh-cn/android

https://software.intel.com/zh-cn/android/articles/intel-hardware-accelerated-execution-manager/

檢測 Intel X86模擬器加速器是否安裝成功

cmd命令行窗口：

安裝x86模擬器鏡像

雖然我們上面安裝了加速器，但是只是模擬器而已，鏡像才是關(guān)鍵！！！

從SDK中直接安裝

官方推薦的安裝方法

因?yàn)槲业碾娔X操作系統(tǒng)是64位，我們打算在5.0的模擬器中使用，所以選擇如下：

從Intel官方下載安裝

https://software.intel.com/zh-cn/android/articles/android-44-kitkat-x86-emulator-system-image

指導(dǎo)文檔

下載后放到相應(yīng)的目錄即可~

體驗(yàn)以x86模式運(yùn)行Android模擬器

都是默認(rèn)選項(xiàng)，選擇使用宿主機(jī)器的GPU~

哈哈 速度那是必須的快~

Material主題

Material Design現(xiàn)在有三種默認(rèn)的主題可以設(shè)置：

@android:style/Theme.Material (dark version)

@android:style/Theme.Material.Ligh (ligth version)

@android:style/Theme.Material.Ligh.DarkActionBar

同時 Android5.x提出了Color Palette （顏色調(diào)色板）的概念，讓開發(fā)者可以自己設(shè)定系統(tǒng)區(qū)域的顏色，使整個APP的顏色風(fēng)格和系統(tǒng)的顏色風(fēng)格保持一致。

通過如下代碼，可以通過使用自定義Style的方式來創(chuàng)建自己的Color Palette 顏色主題，從而實(shí)現(xiàn)不同的顏色風(fēng)格。

<?xml version="1.0" encoding="utf-8"?> <resources><style name="AppTheme" parent="android:Theme.Material"><!--appBar的顏色--><item name="android:colorPrimary">#BEBEBE</item><!--狀態(tài)欄的顏色--><item name="android:colorPrimaryDark">#FF5AEBFF</item><item name="android:navigationBarColor">#FFFF4130</item><item name="android:colorAccent">#BF3EFF</item></style> </resources>

RecyclerView

詳見本人另一篇博客 RecyclerView完全解讀

---

立體卡片CardView

詳情請查看鄙人CradView的使用

---

視圖和陰影

Material Design的一個很重要的特性就是擬物扁平化。

影響視圖陰影的因素

以往的Android View通常有2個屬性——X和Y，而在Android5.X中，Google為其增加了一個新的屬性 —Z，對應(yīng)垂直方向上的高度變化。

在Android5.x中，View的Z值由 elevation + translationZ（這兩個都是5.x引入的新特性）組成。

其中 elevation是靜態(tài)的成員，translationZ可以在代碼中使用來實(shí)現(xiàn)動畫的效果。

Z = elevation + translationZ

通過布局文件和Java代碼設(shè)置視圖的陰影

通過布局文件設(shè)置

在xml中設(shè)置View的視圖高度

android:elevation="Xxdp"

比如：

<TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:text="@string/cardview_contents"android:elevation="10dp" />

通過Java代碼設(shè)置

view.setTranslationZ(XXX)

通常也會使用屬性動畫來為視圖高度改變的時候增加一個動畫效果

if(flag){view.animate().translationZ(100);flag=false; }else{view.animate().translationZ(0);flag=true; }

陰影拖動

---

視圖裁剪

著色

ripple_drawable資源

矢量drawable資源

在Android中使用SVG矢量圖

SVG設(shè)計(jì)器

實(shí)現(xiàn)SVG矢量動畫

APP的兼容性

總結(jié)

以上是生活随笔為你收集整理的Android5.0新特性-Material Design的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。