快捷導(dǎo)航

Android Selector和Shape的使用方法

更新時(shí)間：2013年06月08日 16:25:26 作者：

本文介紹下背景選擇器、文字顏色選擇器、背景漸變器的實(shí)現(xiàn)。結(jié)合Shape來(lái)實(shí)現(xiàn)背景漸變效果?；蛘咧皇且詂olor代替drawable作為背景選擇器的元素

1.背景選擇器（位于res/drawable/，使用方法：android:background=”@drawable/XXX”）

 
<?xml version="1.0" encoding="utf-8"?> 
<selectorxmlns:android="http://schemas.android.com/apk/res/android"> 
<itemandroid:drawable="@drawable/login_blue_pressed" android:state_pressed="true"/> 
<itemandroid:drawable="@drawable/login_blue_pressed"android:state_focused="true"/> 
<itemandroid:drawable="@drawable/login_blue_normal" /> 
</selector> 

2.文字顏色選擇器（位于res/color/，使用方法：android:textColor=”@color/XXX”）

復(fù)制代碼代碼如下:

 
<?xml version="1.0" encoding="utf-8"?> 
<selectorxmlns:android="http://schemas.android.com/apk/res/android"> 
<itemandroid:color="#ffffff" android:state_pressed="true"/> 
<itemandroid:color="#ffffff" android:state_focused="true"/> 
<item android:color="#000000"/> 
</selector> 

注意：在res/drawable/XXX.xml智能提示時(shí)沒(méi)有android:color，同理在res/color/XXX.xml智能提示時(shí)沒(méi)有android:drawable。
3.背景漸變器（位于res/color/或res/drawable/）
res/drawable/selector1.xml:

復(fù)制代碼代碼如下:

 
<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:Android="http://schemas.android.com/apk/res/android"> 
<itemAndroid:state_selected="true"> 
<shape> 
<gradientAndroid:angle="270" android:endColor="#99BD4C" 
android:startColor="#A5D245" /> 
<sizeAndroid:height="60dp" android:width="320dp" /> 
<cornersandroid:radius="8dp" /> 
</shape> 
</item> 
<itemAndroid:state_pressed="true"> 
<shape> 
<gradientAndroid:angle="270" android:endColor="#99BD4C" 
android:startColor="#A5D245"/> 
<sizeAndroid:height="60dp" android:width="320dp" /> 
<cornersandroid:radius="8dp" /> 
</shape> 
</item> 
<item> 
<shape> 
<gradientAndroid:angle="270" android:endColor="#A8C3B0" 
android:startColor="#C6CFCE" /> 
<sizeAndroid:height="60dp" android:width="320dp" /> 
<cornersandroid:radius="8dp" /> 
</shape> 
</item> 
</selector> 

layout/main.xml:

復(fù)制代碼代碼如下:

 
<Button 
android:id="@+id/button1" 
android:layout_width="100dp" 
android:layout_height="50dp" 
android:background="@drawable/selector1" 
android:text="button1" /> 

結(jié)合Shape來(lái)實(shí)現(xiàn)背景漸變效果。
或者只是以color代替drawable作為背景選擇器的元素：

復(fù)制代碼代碼如下:

 
<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:Android="http://schemas.android.com/apk/res/android"> 
<itemAndroid:state_selected="true"> 
<shape> 
<solidAndroid:color="#ff0000" /> 
</shape> 
</item> 
<itemAndroid:state_pressed="true"> 
<shape> 
<solidAndroid:color="#ff0000" /> 
</shape> 
</item> 
<item> 
<shape> 
<solidAndroid:color="#00ffff" /> 
</shape> 
</item> 
</selector> 

再或者drawable和color混用（不過(guò)注意四角的一致性，因?yàn)閐rawable里可能圓弧型四角）：

復(fù)制代碼代碼如下:

 
<?xml version="1.0" encoding="utf-8"?> 
<selectorxmlns:Android="http://schemas.android.com/apk/res/android"> 
<itemAndroid:state_selected="true"> 
<shape> 
<solidAndroid:color="#ff0000" /> 
</shape> 
</item> 
<itemAndroid:state_pressed="true"> 
<shape> 
<solidAndroid:color="#ff0000" /> 
</shape> 
</item> 
<itemAndroid:drawable="@drawable/login_blue_normal"> 
</item> 
</selector> 

效果圖：

參考：
http://www.shaccp.net/zhishiku/android/220.html
http://www.cnblogs.com/top5/archive/2012/05/10/2494763.html
http://blog.csdn.net/wswqiang/article/details/6616306

您可能感興趣的文章: