Android 佈局定義帶陰影的矩形

先說明下原理。用遮蓋的方式實現 html

共分爲二層,前景層和背景層 android

前景層:設置一個空白的矩形區域 app

背景層:一個從白到黑再到白的過分顏色矩形填充 spa

最後前景層覆蓋到背景層上,並設置下前景層的padding讓背景層只露出漸變後邊緣 .net

效果以下,固然白區域根據具體須要變寬。 xml

[html]   view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.     <!-- layout background -->  
  4.     <item>  
  5.         <!-- show rectangle area -->  
  6.         <shape android:shape="rectangle" >  
  7.             <gradient  
  8.                 android:angle="270"  
  9.                 android:startColor="#FFFFFF"  
  10.                 android:centerColor="#000000"  
  11.                 android:endColor="#FFFFFF"/>  
  12.         </shape>  
  13.     </item>  
  14.     <!-- layout foreground -->  
  15.     <item  
  16.         android:bottom="5px"  
  17.         android:top="5px">  
  18.         <!-- show rectangle area -->  
  19.         <shape android:shape="rectangle" >  
  20.             <solid android:color="#FFFFFF" />  
  21.         </shape>  
  22.     </item>  
  23. </layer-list>  


並將此代碼保存爲shadow.xml 放置到res/drawable下,作爲其餘組建的資源引用即可。 htm

相關文章
相關標籤/搜索