android中图型的阴影效果

思路：

在自定义shape中增加一层或多层，并错开，即可显示阴影效果。为增加立体感，按钮按下的时候，只设置一层。我们可以通过top, bottom, right 和 left 四个参数来控制阴影的方向和大小。

关系图

以下自定义两种阴影效果：

res/drawable-hdpi/shadow1.xml

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3.     <item   
4.         android:state_pressed="true">  
5.         <layer-list>  
6.             <item android:left="4dp" android:top="4dp"><shape>  
7.                     <solid android:color="#ff58bb52" />  
8.                     <corners android:radius="30dip" />  
9.                 </shape></item>  
10.         </layer-list>  
11.     </item>  
12.     <item>  
13.         <layer-list>  
14.             <!-- 第一层 -->  
15.             <item android:left="4dp" android:top="4dp"><shape>  
16.                     <solid android:color="#66000000" />  
17.                     <corners android:radius="30dip" />  
18.                     <!-- 描边 -->  
19.                     <stroke android:width="1dp" android:color="#ffffffff" />  
20.                 </shape></item>  
21.             <!-- 第二层 -->  
22.             <item android:bottom="4dp" android:right="4dp"><shape>  
23.                     <solid android:color="#ff58bb52" />  
24.                     <corners android:radius="30dip" />  
25.                     <!-- 描边 -->  
26.                     <stroke android:width="1dp" android:color="#ffffffff" />  
27.                 </shape></item>  
28.         </layer-list></item>  
29. </selector>  

/TestAA/res/drawable-hdpi/shadow2.xml

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3.     <!-- 点击之后 -->  
4.     <item android:state_pressed="true">  
5.         <layer-list>  
6.             <item   
7.                 android:left="4dp"   
8.                 android:top="4dp">  
9.                 <shape>  
10.                     <solid   
11.                         android:color="#ff58bb52" />  
12.                     <corners   
13.                         android:radius="3dp" />  
14.                 </shape>  
15.              </item>  
16.         </layer-list></item>  
17.     <!-- 正常状态 -->  
18.     <item>  
19.         <layer-list>  
20.             <!-- 第一层 -->  
21.             <item   
22.                 android:left="2dp"   
23.                 android:top="2dp">  
24.                 <shape>  
25.                     <solid   
26.                         android:color="#66000000" />  
27.                     <corners  
28.                         android:radius="3dp" />  
29.                 </shape>  
30.             </item>  
31.             <!-- 第二层 -->  
32.             <item   
33.                 android:bottom="4dp"   
34.                 android:right="4dp">  
35.                 <shape>  
36.                     <solid   
37.                         android:color="#ff58bb52" />  
38.                     <corners   
39.                         android:radius="3dp" />  
40.                 </shape>  
41.             </item>  
42.             <!-- 第三层 -->  
43.             <item   
44.                 android:bottom="6dp"   
45.                 android:right="6dp">  
46.                 <shape>  
47.                     <solid   
48.                         android:color="#ffcccccc" />  
49.                     <corners   
50.                         android:radius="3dp" />  
51.                 </shape>  
52.            </item>  
53.         </layer-list>  
54.    </item>  
55. </selector>  

效果图：

文章出处：http://blog.csdn.net/nupt123456789/article/details/27713855