Android菜鸟成长记9 -- selector的用法

当筵意气临九霄,星离雨散不终朝。这篇文章主要讲述Android菜鸟成长记9 -- selector的用法相关的知识,希望能为你提供帮助。
在项目开发的时候,由于系统给出的控件不够美观,因此开发时领导常常要我更改下界面,用美工给的图片取代系统图片。开始时,我只是给按钮等设置一下背景图片,这样做虽然美观了,但界面看起来却比较死板,比如用户点击了按钮后,按钮没一点反应。于是我就再给控件添加上onTouch监听事件,按下后改变背景颜色,松手后再恢复原来颜色。但后来发现了selector这个利器,真是喜出望外,不用再添加onTouch监听事件了,用起来也方便灵活。不得不说,多和其他开发人员交流技术经验等还是很有必要的,特别是像我这样独自负责一个app开发的。
     
        android的selector要在 drawable 下配置。
        其中,selector可以设置的属性有:
    android:state_pressed                      如果是true,当被点击时显示该图片,如果是false没被按下时显示默认。
android:state_focused                      如果是true,获得焦点时显示;如果是false没获得焦点显示默认。

android:state_selected                    如果是true,当被选择时显示该图片;是false未被选择时显示该图片。

android:state_checkable                  如果值为true,当CheckBox能使用时显示该图片;false,当CheckBox不能使用时显示该图片。

android:state_checked                    如果值为true,当CheckBox选中时显示该图片;false,当CheckBox为选中时显示该图片。

android:state_enabled                      如果值为true,当该组件能使用时显示该图片;false,当该组件不能使用时显示该图片。
 
android:state_window_focused        如果值为true,当此activity获得焦点在最前面时显示该图片;false,当没在最前面时显示该图片
      这些属性值也可以叠加使用,比如:
                                                    android:state_window_focused="true"  android:state_pressed="true"
   
    表明是非触摸模式下获得焦点并单击时的背景图片。
  一般来说,Button控件只需要用  android:state_pressed就可以
例子:

1 < ?xml version="1.0" encoding="utf-8"?> 2 < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3android:layout_width="match_parent" 4android:layout_height="match_parent" 5android:orientation="horizontal" > 6 7< RadioGroup 8android:id="@+id/radioGroup1" 9android:layout_width="match_parent" 10android:layout_height="60dp" 11android:orientation="horizontal" 12android:background="@drawable/group_buton_nomal" 13android:gravity="center"> 14 15< RadioButton 16android:id="@+id/radio0" 17android:layout_width="wrap_content" 18android:layout_height="wrap_content" 19android:checked="true" 20android:text="@string/weixin" 21style="@style/radiostyle" 22android:drawableTop="@drawable/tab_weixin"/> 23 24< /RadioGroup> 25 26 < /LinearLayout>

然后我们创建一个tab_weixin.xml的android xml文件,类型选择selector
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" 4android:drawable="@drawable/tabbar_mainframehl"> < /item> 5< item 6android:drawable="@drawable/tabbar_mainframe"> < /item> 7 8 < /selector>

上面就是一个简单的selector的使用,即按钮在失去焦点做出的操作,优点类似java的If...else
Android菜鸟成长记9 -- selector的用法

文章图片
< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android" > < item android:state_pressed="true" android:drawable="@drawable/bg_selected"> < /item> < item android:drawable="@drawable/bg_unselect"> < /item> < /selector>

Android菜鸟成长记9 -- selector的用法

文章图片
 
在工作的时候,由于系统给出的控件不够美观,因此开发时领导常常要我更改下界面,用美工给的图片取代系统图片。开始时,我只是给按钮等设置一下背景图片,这样做虽然美观了,但界面看起来却比较死板,比如用户点击了按钮后,按钮没一点反应。于是我就再给控件添加上onTouch监听事件,按下后改变背景颜色,松手后再恢复原来颜色。但后来发现了selector这个利器,真是喜出望外,不用再添加onTouch监听事件了,用起来也方便灵活。不得不说,多和其他开发人员交流技术经验等还是很有必要的,特别是像我这样独自负责一个app开发的。
       
        android的selector要在 drawable 下配置。
        其中,selector可以设置的属性有:
    android:state_pressed                      如果是true,当被点击时显示该图片,如果是false没被按下时显示默认。
android:state_focused                      如果是true,获得焦点时显示;如果是false没获得焦点显示默认。

android:state_selected                    如果是true,当被选择时显示该图片;是false未被选择时显示该图片。

android:state_checkable                  如果值为true,当CheckBox能使用时显示该图片;false,当CheckBox不能使用时显示该图片。

android:state_checked                    如果值为true,当CheckBox选中时显示该图片;false,当CheckBox为选中时显示该图片。

android:state_enabled                      如果值为true,当该组件能使用时显示该图片;false,当该组件不能使用时显示该图片。
 
android:state_window_focused        如果值为true,当此activity获得焦点在最前面时显示该图片;false,当没在最前面时显示该图片
      这些属性值也可以叠加使用,比如:
                                                    android:state_window_focused="true"  android:state_pressed="true"
   
    表明是非触摸模式下获得焦点并单击时的背景图片。
  一般来说,Button控件只需要用  android:state_pressed就可以。比如,一个Button控件的背景设置为:
   
Android菜鸟成长记9 -- selector的用法

文章图片
< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android" > < item android:state_pressed="true" android:drawable="@drawable/bg_selected"> < /item> < item android:drawable="@drawable/bg_unselect"> < /item> < /selector>

Android菜鸟成长记9 -- selector的用法

文章图片
这表明该Button控件按下时,背景图片是bg_selected,其它情况下(没有被点击或者点击后松开等)背景图片为bg_unselect。
selector除了可以设置组件的背景颜色外,也可以设置文字的颜色。比如某个Button控件被按下后,Button上的文字颜色也发生改变。例如:
< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android" > < item android:state_pressed="true" android:color="#ffffff"> < /item> < item android:color="#000000"> < /item> < /selector>

即该Button控件的颜色为黑色,但按钮按下后,颜色会变成白色。松开后,颜色恢复为黑色。

以上可以在代码中这样设置:
Android菜鸟成长记9 -- selector的用法

文章图片
< Button android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/btn_slector" android:text="abc" android:textColor="@drawable/text_selector" />

Android菜鸟成长记9 -- selector的用法

文章图片
除了selector外,还有一个Shape,可以用来定制控件的图形效果,两者可以一起使用。
【Android菜鸟成长记9 -- selector的用法】   

    推荐阅读