selector和shape结合使用

Android中的Selector（背景选择器）主要是用来改变一个按钮控件的背景，在Android UI设计中经常会遇到，比如我们在点击Button时需要有些效果的变化，这时候就要用到<selector>和<shape>。<selector>和<shape>对美化控件有很大的作用。

那么，看看都有哪些状态可以设置呢：

• android:state_enabled: 设置触摸或点击事件是否可用状态，一般只在false时设置该属性，表示不可用状态
• android:state_pressed: 设置是否按压状态，一般在true时设置该属性，表示已按压状态，默认为false
• android:state_selected: 设置是否选中状态，true表示已选中，false表示未选中
• android:state_checked: 设置是否勾选状态，主要用于CheckBox和RadioButton，true表示已被勾选，false表示未被勾选
• android:state_checkable: 设置勾选是否可用状态，类似state_enabled，只是state_enabled会影响触摸或点击事件，而state_checkable影响勾选事件
• android:state_focused: 设置是否获得焦点状态，true表示获得焦点，默认为false，表示未获得焦点
• android:state_window_focused: 设置当前窗口是否获得焦点状态，true表示获得焦点，false表示未获得焦点，例如拉下通知栏或弹出对话框时，当前界面就会失去焦点；另外，ListView的ListItem获得焦点时也会触发true状态，可以理解为当前窗口就是ListItem本身
• android:state_activated: 设置是否被激活状态，true表示被激活，false表示未激活，API Level 11及以上才支持，可通过代码调用控件的setActivated(boolean)方法设置是否激活该控件
• android:state_hovered: 设置是否鼠标在上面滑动的状态，true表示鼠标在上面滑动，默认为false，API Level 14及以上才支持

（1）带圆角，白色背景，彩色边框的矩shape_border_press
首先来定义一个带圆角,白色背景,绿色边框的矩形，在selector中设置它为单击时的背景

[html] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <!--定义一个带圆角,白色背景,绿色边框的矩形-->  
3. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
4.     android:shape="rectangle">  
5.     <!--圆角-->  
6.     <corners android:radius="5dp" />  
7.     <!--填充颜色-->  
8.     <solid android:color="@color/white" />  
9.     <!--描边-->  
10.     <stroke  
11.         android:width="1dp"  
12.         android:color="@color/green" />  
13. </shape>  

实际开发中我们可以根据需求设置其他的属性，比如<gradient> 定义使用渐变色填充，<padding> 定义几何形状的内边距，<size>定义几何形状的大小等等，在这里就不一一例举了。

然后来定义一个带圆角,白色背景,蓝色边框的矩形，在selector中设置它为不在单击状态时的背景，shape_border_nor

[html] view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <!--定义一个带圆角,白色背景,蓝色边框的矩形-->  
3. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
4.     android:shape="rectangle">  
5.     <!-- 圆角 -->  
6.     <corners android:radius="5dp" />  
7.     <!--填充颜色-->  
8.     <solid android:color="@color/white" />  
9.     <!-- 描边 -->  
10.     <stroke  
11.         android:width="1dp"  
12.         android:color="@color/blue" />  
13. </shape>  

如下就是使用我们的第二种方法来定义当我们点击一个按钮时按钮的背景选择器,是不是简单了呢？

[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:drawable="@drawable/shape_border_press" android:state_pressed="true" />-->  
5.     <!--<item android:drawable="@drawable/shape_border_nor" android:state_window_focused="false"/>-->  
6.   
7.     <!--第二种方法-->  
8.     <!--默认情况下是一个带圆角,白色背景,蓝色边框的矩形-->  
9.     <item android:state_window_focused="false">  
10.         <shape android:shape="rectangle">  
11.             <!-- 圆角 -->  
12.             <corners android:radius="5dp" />  
13.             <!--填充颜色为白色-->  
14.             <solid android:color="@color/white" />  
15.             <!-- 描边 -->  
16.             <stroke android:width="1dp" android:color="@color/blue" />  
17.         </shape>  
18.     </item>  
19.     <!--单击时是一个带圆角,白色背景,绿色边框的矩形-->  
20.     <item android:state_pressed="true">  
21.         <shape android:shape="rectangle">  
22.             <!--圆角-->  
23.             <corners android:radius="5dp" />  
24.             <!--填充颜色为白色-->  
25.             <solid android:color="@color/white" />  
26.             <!--描边-->  
27.             <stroke android:width="1dp" android:color="@color/green" />  
28.         </shape>  
29.     </item>  

30. /*<item >  可以加一个默认item，不用写android:事件，放在最后面。    <shape>        <solid            android:color="@color/btn_normal_color"/>        <corners            android:topLeftRadius="@dimen/radius_size"            android:bottomLeftRadius="@dimen/radius_size"/>    </shape></item>*/

    
    
31. </selector>  

效果图如下：