2013年7月23日 星期二

Android 佈局定義帶陰影的矩形


]先說明下原理。用遮蓋的方式實現
共分為二層,前景層和背景層
前景層:設置一個空白的矩形區域
背景層:一個從白到黑再到白的過度顏色矩形填充
最後前景層覆蓋到背景層上,並設置下前景層的padding讓背景層只露出漸變後邊緣
效果如下,當然白區域根據具體需要變寬。
  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下,做為其他組建的資源引用便可。

沒有留言:

張貼留言