Android中用layer-list編寫陰影製作效果

標籤：

轉載自：Android中用layer-list編寫陰影製作效果

 

要實現這種效果當然有多 種方式，比如背景圖片直接加陰影製作效果，或者用代碼畫一個（onDraw()）。這次我們直接用layer-list來實現。在項目 res->drawable中建立一個xml，如果列表中有layer-list選擇的話直接選擇建立，如果沒有的話就隨意（似乎4.0以下沒有 layer-list選擇），沒有的話將xml檔案中的根標籤改為layer-list即可。上述效果具體代碼如下：

 

[html] view plaincopy 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
3.    
4.     <!-- 陰影部分 -->  
5.     <!-- 個人覺得更形象的表達：top代表下邊的陰影高度，left代表右邊的陰影寬度。其實也就是相對應的offset，solid中的顏色是陰影的顏色，也可以設定角度等等 -->  
6.     <item  
7.         android:left="2dp"  
8.         android:top="2dp">  
9.         <shape android:shape="rectangle" >  
10.    
11.             <gradient  
12.                 android:angle="270"  
13.    
14.                 android:endColor="#0F000000"  
15.                 android:startColor="#0F000000" />  
16.    
17.             <corners  
18.                 android:bottomLeftRadius="6dip"  
19.                 android:bottomRightRadius="6dip"  
20.                 android:topLeftRadius="6dip"  
21.                 android:topRightRadius="6dip" />  
22.         </shape>  
23.     </item>  
24.    
25.     <!-- 背景部分 -->  
26.     <!-- 形象的表達：bottom代表背景部分在上邊緣超出陰影的高度，right代表背景部分在左邊超出陰影的寬度（相對應的offset） -->  
27.     <item  
28.         android:bottom="3dp"  
29.         android:right="3dp">  
30.         <shape android:shape="rectangle" >  
31.    
32.             <gradient  
33.                 android:angle="270"  
34.                 android:endColor="#FFFFFF"  
35.                 android:startColor="#FFFFFF" />  
36.    
37.             <corners  
38.                 android:bottomLeftRadius="6dip"  
39.                 android:bottomRightRadius="6dip"  
40.                 android:topLeftRadius="6dip"  
41.                 android:topRightRadius="6dip" />  
42.         </shape>  
43.     </item>  
44.    
45. </layer-list>  

 

 

Android中用layer-list編寫陰影製作效果