Android layer-list的屬性和使用詳解

Android layer-list的屬性和使用詳解，layer-list是用來多個圖層堆疊顯示的，借這個特性可以做一些特别的效果（比如：陰影、下面的效果等），也可以投機取巧。

1.代碼片

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    
	<!--最近的項目中需要用到多個圖層堆疊到一塊兒，就研
	究了一下android中的layer-list。android中的layer-list
	就是用來多個圖層堆疊顯示的。 -->
    <item>
      <shape > <!-- 第一層的顔色為藍色 -->
          <solid android:color="@color/blue"/>
      </shape>
    </item>
    
    <!-- 第二層的顔色，也就是最上面的一層，因為第二層相對于
    View的底部上移兩個dp是以第一層會露出一個dp的黑色是以
         給人一種隻有底部邊框的假象 -->
    <item android:bottom="2dip">
        <shape>
            <solid android:color="@color/white"/>
        </shape>
    </item>

</layer-list>
           

2.布局代碼和效果圖 （一定要注意在使用RadioGroup的時候要記的寫RadioButton的id，否則不能切換）

<RadioGroup
    	    android:id="@+id/rg"
    	    android:layout_below="@id/bt2"
    	    android:layout_margin="10dip"
    	    android:layout_width="match_parent"
    	    android:layout_height="wrap_content" 
    	    android:orientation="horizontal">
	    	    
	    	    <RadioButton 
	    	    android:id="@+id/rb0"
	    	    android:layout_height="wrap_content"
	    	    android:layout_width="0dip"
	    	    android:layout_weight="1"
	    	    android:button="@null"
	    	    android:text="分類"
	    	    android:checked="true"
	    	    android:gravity="center"
	    	    android:textColor="@color/black"
	    	    android:background="@drawable/ch_bg"
	    	    android:layout_marginTop="2dip"
	    	    android:paddingBottom="4dip"/>
	    	    
	    	    <RadioButton 
	    	    android:id="@+id/rb1"
	    	    android:layout_height="wrap_content"
	    	    android:layout_width="0dip"
	    	    android:layout_weight="1"
	    	    android:text="分類"
	    	    android:button="@null"
	    	    android:gravity="center"
	    	    android:textColor="@color/black"
	    	    android:background="@drawable/ch_bg"
	    	    android:layout_marginTop="2dip"
	    	    android:paddingBottom="4dip"/>
	    	    
    	</RadioGroup>
           

選擇器

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

效果圖

3.代碼片

<?xml version="1.0dip" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
	
    <item>
        <bitmap android:src="@drawable/ic_launcher"
            android:gravity="center"/>
    </item>
    <item android:left="10dip" android:top="10dip">
        <bitmap android:src="@drawable/ic_launcher"
            android:gravity="center"/>
    </item>
    <item android:left="20dip" android:top="20dip">
        <bitmap android:src="@drawable/ic_launcher"
            android:gravity="center"/>
    </item>
    <item android:left="30dip" android:top="30dip">
        <bitmap android:src="@drawable/ic_launcher"
            android:gravity="center"/>
    </item>

</layer-list>
           

效果圖

4.代碼片

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

</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