【移動應用開發(fā)技術】Android Material Design 陰影實現示例_第1頁
【移動應用開發(fā)技術】Android Material Design 陰影實現示例_第2頁
【移動應用開發(fā)技術】Android Material Design 陰影實現示例_第3頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

【移動應用開發(fā)技術】AndroidMaterialDesign陰影實現示例

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

Android在5.0及以后采用了MaterialDesign設計語言，引入了Z軸的概念，也就是垂直于屏幕的軸，Z軸會讓View產生陰影的效果：

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

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

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

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論