Android layer-list的属性和使用详解

Android layer-list的属性和使用详解，layer-list是用来多个图层堆叠显示的，借这个特性可以做一些特别的效果（比如：阴影、下面的效果等），也可以投机取巧。

1.代码片

[java]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
3.       
4.     <!--最近的项目中需要用到多个图层堆叠到一块儿，就研  
5.     究了一下android中的layer-list。android中的layer-list  
6.     就是用来多个图层堆叠显示的。 -->  
7.     <item>  
8.       <shape > <!-- 第一层的颜色为蓝色 -->  
9.           <solid android:color="@color/blue"/>  
10.       </shape>  
11.     </item>  
12.       
13.     <!-- 第二层的颜色，也就是最上面的一层，因为第二层相对于  
14.     View的底部上移两个dp所以第一层会露出一个dp的黑色所以  
15.          给人一种只有底部边框的假象 -->  
16.     <item android:bottom="2dip">  
17.         <shape>  
18.             <solid android:color="@color/white"/>  
19.         </shape>  
20.     </item>  
21.   
22. </layer-list>  

2.布局代码和效果图 （一定要注意在使用RadioGroup的时候要记的写RadioButton的id，否则不能切换）

[java]  view plain  copy

1. <RadioGroup  
2.     android:id="@+id/rg"  
3.     android:layout_below="@id/bt2"  
4.     android:layout_margin="10dip"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="wrap_content"   
7.     android:orientation="horizontal">  
8.           
9.         <RadioButton   
10.         android:id="@+id/rb0"  
11.         android:layout_height="wrap_content"  
12.         android:layout_width="0dip"  
13.         android:layout_weight="1"  
14.         android:button="@null"  
15.         android:text="分类"  
16.         android:checked="true"  
17.         android:gravity="center"  
18.         android:textColor="@color/black"  
19.         android:background="@drawable/ch_bg"  
20.         android:layout_marginTop="2dip"  
21.         android:paddingBottom="4dip"/>  
22.           
23.         <RadioButton   
24.         android:id="@+id/rb1"  
25.         android:layout_height="wrap_content"  
26.         android:layout_width="0dip"  
27.         android:layout_weight="1"  
28.         android:text="分类"  
29.         android:button="@null"  
30.         android:gravity="center"  
31.         android:textColor="@color/black"  
32.         android:background="@drawable/ch_bg"  
33.         android:layout_marginTop="2dip"  
34.         android:paddingBottom="4dip"/>  
35.           
36. </RadioGroup>  

选择器

[java]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <item android:state_checked="true" android:drawable="@drawable/bg_li"></item>  
4.     <item android:state_checked="false" android:drawable="@color/white"></item>  
5. </selector>  

效果图

3.代码片

[java]  view plain  copy

1. <?xml version="1.0dip" encoding="utf-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
3.       
4.     <item>  
5.         <bitmap android:src="@drawable/ic_launcher"  
6.             android:gravity="center"/>  
7.     </item>  
8.     <item android:left="10dip" android:top="10dip">  
9.         <bitmap android:src="@drawable/ic_launcher"  
10.             android:gravity="center"/>  
11.     </item>  
12.     <item android:left="20dip" android:top="20dip">  
13.         <bitmap android:src="@drawable/ic_launcher"  
14.             android:gravity="center"/>  
15.     </item>  
16.     <item android:left="30dip" android:top="30dip">  
17.         <bitmap android:src="@drawable/ic_launcher"  
18.             android:gravity="center"/>  
19.     </item>  
20.   
21. </layer-list>  

效果图

4.代码片

[java]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
3.       
4.     <item android:drawable="@drawable/ic_launcher"></item>  
5.     <item android:left="10dip" android:top="10dip" android:drawable="@drawable/ic_launcher"></item>  
6.     <item android:left="20dip" android:top="20dip" android:drawable="@drawable/ic_launcher"></item>  
7.     <item android:left="30dip" android:top="30dip" android:drawable="@drawable/ic_launcher"></item>  
8.   
9. </layer-list>  

5.知识库连接：

http://blog.csdn.net/brokge/article/details/9713041
http://www.aitinan.com/4004.html
http://www.cnblogs.com/tsoorr/p/3407935.html
http://www.cnblogs.com/ithouge/articles/ithouge-android-layer-list-shape-corners.html
http://www.linuxidc.com/Linux/2012-05/59827.htm

转载地址：http://blog.csdn.net/pcaxb/article/details/47781547