【移動(dòng)應(yīng)用開發(fā)技術(shù)】Android Material Design 陰影實(shí)現(xiàn)示例

【移動(dòng)應(yīng)用開發(fā)技術(shù)】AndroidMaterialDesign陰影實(shí)現(xiàn)示例

本文介紹了AndroidMaterialDesign陰影實(shí)現(xiàn)示例，分享給大家，具體如下：讓View產(chǎn)生陰影有以下4種方式：0.Z軸的概念

Android在5.0及以后采用了MaterialDesign設(shè)計(jì)語(yǔ)言，引入了Z軸的概念，也就是垂直于屏幕的軸，Z軸會(huì)讓View產(chǎn)生陰影的效果：

想象有一束斜光投向屏幕，Z軸值越大，離光就越近，陰影的范圍就越大；Z軸值越小，離光就越遠(yuǎn)，陰影的范圍就越小。而：Z=elevation+translationZelevation一般是寫在xml文件中做靜態(tài)配置，translateZ是用來(lái)控制動(dòng)畫效果。是Z軸讓View產(chǎn)生了陰影，我們要控制陰影就是控制Z軸啦：1.控制elevation

控制elevation，需要先設(shè)置View的BackGround，再設(shè)置elevation。首先配置一個(gè)drawable:再設(shè)置background和elevation:2.使用OutlineProvider第1種方式可以滿足大多數(shù)情況，但如果View的background是color、圖片，甚至是自定義View時(shí)就無(wú)法產(chǎn)生陰影效果了，這是我們需要通過(guò)代碼設(shè)置陰影。官方稱之為outline。outline就是繪制的外部陰影樣式，樣式可以是任意的：矩形、園、圓角矩形、甚至是路徑：outline的方法

3.使用9圖前面兩種方法涵蓋了大多數(shù)情況，實(shí)在還有意外：比如兼容5.0之前的UI樣式、UI設(shè)計(jì)的陰影居然是彩色的！那就使用最后的絕招了：9圖。不過(guò)使用9圖的靈活性實(shí)在是差，高度不同就要不同的切圖，這里有一個(gè)網(wǎng)站可以自己隨意切陰影圖：http://inloop.github.io/shadow4android/4.使用官方MD組件其實(shí)官方組件的ActionBar、CardView，F(xiàn)loatingActionButton就自帶陰影，應(yīng)盡量使用他們，這里就不展開講了。5.translateZ動(dòng)畫介紹Z軸時(shí)，說(shuō)過(guò)Z=elevation+translationZ。elevation是靜態(tài)的，而translateZ是動(dòng)態(tài)的。如我們點(diǎn)擊按鈕時(shí)希望它有一個(gè)彈起的效果,像這樣：彈起其實(shí)是給view配置狀態(tài)動(dòng)畫控制translationZ：android:st