概述

2014年，Google攜Android5.X重裝歸來，全新的UI設計和更加優化的性能，令開發者眼前一亮

安裝和配置Android5.0開發環境

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

材料設計概述

材料的形態模擬

Google通過模擬自然界紙墨的形態變化、光線與陰影、紙與紙之間的控件層級關系，帶來一種真實的空間感

更加真實的動畫

Android5.x大量加入了各種新的動畫效果，讓整個設計風格更加自然和諧。

大色塊的使用

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

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

材料設計能做哪些工作

• 保證向后的兼容性
• 使用材料設計的主題
• 讓視圖產生陰影
• 使用RecyclerView和CardView
• 定制動畫

intel x86模擬器

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

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

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

下載

打開SDK Manager

install 之后

安裝

找到SDK如下目錄，因為這個加速器是跨平臺的，windows操作系統對應的是exe執行文件,安裝即可

當然你也可以使用genymotion~有真機最好了~

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

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

官網如下：
https://software.intel.com/zh-cn/android

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

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

cmd命令行窗口：

安裝x86模擬器鏡像

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

從SDK中直接安裝

官方推薦的安裝方法

因為我的電腦操作系統是64位，我們打算在5.0的模擬器中使用，所以選擇如下：

從Intel官方下載安裝

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

指導文檔

下載后放到相應的目錄即可~

體驗以x86模式運行Android模擬器

都是默認選項，選擇使用宿主機器的GPU~

哈哈 速度那是必須的快~

Material主題

Material Design現在有三種默認的主題可以設置：

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

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

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

同時 Android5.x提出了Color Palette （顏色調色板）的概念，讓開發者可以自己設定系統區域的顏色，使整個APP的顏色風格和系統的顏色風格保持一致。

通過如下代碼，可以通過使用自定義Style的方式來創建自己的Color Palette 顏色主題，從而實現不同的顏色風格。

<?xml version="1.0" encoding="utf-8"?> <resources><style name="AppTheme" parent="android:Theme.Material"><!--appBar的顏色--><item name="android:colorPrimary">#BEBEBE</item><!--狀態欄的顏色--><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，對應垂直方向上的高度變化。

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

其中 elevation是靜態的成員，translationZ可以在代碼中使用來實現動畫的效果。

Z = elevation + translationZ

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

通過布局文件設置

在xml中設置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代碼設置

view.setTranslationZ(XXX)

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

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

陰影拖動

---

視圖裁剪

著色

ripple_drawable資源

矢量drawable資源

在Android中使用SVG矢量圖

SVG設計器

實現SVG矢量動畫

APP的兼容性

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。