Android开发教程之shape和selector的结合使用

2019-12-10 19:13:22丽君

<?xml version="1.0" encoding="utf-8" ?> 
<selector xmlns:android="http://www.easck.com/apk/res/android"> 
<!-- 默认时的背景图片--> 
<item android:drawable="@drawable/pic1" /> 
<!-- 没有焦点时的背景图片 --> 
<item 
android:state_window_focused="false" 
android:drawable="@drawable/pic_blue" 
/> 
<!-- 非触摸模式下获得焦点并单击时的背景图片 --> 
<item 
android:state_focused="true" 
android:state_pressed="true" 
android:drawable= "@drawable/pic_red" 
/> 
<!-- 触摸模式下单击时的背景图片--> 
<item 
android:state_focused="false" 
android:state_pressed="true" 
android:drawable="@drawable/pic_pink" 
/> 
<!--选中时的图片背景--> 
<item 
android:state_selected="true" 
android:drawable="@drawable/pic_orange" 
/> 
<!--获得焦点时的图片背景--> 
<item 
android:state_focused="true" 
android:drawable="@drawable/pic_green" 
/> 
</selector> 

第一个例子:圆角的Button

http://www.easck.com/3061169/630051

第二个例子:shape+selector综合使用的例子 漂亮的ListView

先看看这个例子的结构:

Android开发教程之shape和selector的结合使用

selector.xml

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://www.easck.com/apk/res/android"> 
<item android:state_selected="true"> 
<shape> 
<gradient android:angle="270" android:endColor="#99BD4C" 
android:startColor="#A5D245" /> 
<size android:height="60dp" android:width="320dp" /> 
<corners android:radius="8dp" /> 
</shape> 
</item> 
<item android:state_pressed="true"> 
<shape> 
<gradient android:angle="270" android:endColor="#99BD4C" 
android:startColor="#A5D245"/> 
<size android:height="60dp" android:width="320dp" /> 
<corners android:radius="8dp" /> 
</shape> 
</item> 
<item> 
<shape> 
<gradient android:angle="270" android:endColor="#A8C3B0" 
android:startColor="#C6CFCE" /> 
<size android:height="60dp" android:width="320dp" /> 
<corners android:radius="8dp" /> 
</shape> 
</item> 
</selector>