Android中的Selector的用法

Android中的Selector主要是用来改变ListView和Button控件的默认背景。其使用方法可以按一下步骤来设计:


(以在mylist_view.xml为例)


1.创建mylist_view.xml文件

首先在res目录下新建drawable文件夹,再在新建的drawable文件夹中新建mylist_view.xml,其目录结构为:res/drawable/mylist_view.xml。


2.根据具体需求编辑mylist_view.xml文件

新建mylist_view.xml文件后,在没有添加任何属性时其内部代码结构为:

[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. </selector>  

下面就可以根据项目需求,在其内部定义为自己想要的样式了,主要属性如下:

<? xml  version ="1.0"  encoding ="utf-8"  ?>
< selector  xmlns:android ="http://schemas.android.com/apk/res/android" >
<!--  默认时的背景图片-->
     < item  android:drawable ="@drawable/pic1"  />

<!--  没有焦点时的背景图片 -->
     < item  android:state_window_focused ="false"
                 android:drawable ="@drawable/pic1"  />

<!--  非触摸模式下获得焦点并单击时的背景图片 -->
     < item  android:state_focused ="true"
                 android:state_pressed ="true"
                android:drawable= "@drawable/pic2"  />

<!--  触摸模式下单击时的背景图片-->
     < item  android:state_focused ="false"
                 android:state_pressed ="true"
                 android:drawable ="@drawable/pic3"  />

<!-- 选中时的图片背景-->
     < item  android:state_selected ="true"
                 android:drawable ="@drawable/pic4"  />

<!-- 获得焦点时的图片背景-->
     < item  android:state_focused ="true"
                 android:drawable ="@drawable/pic5"  />
</ selector >


3.引用mylist_view.xml文件


三种方法可以来引用刚才创建的文件:

(1)在ListView中添加如下属性代码

[html]  view plain copy
  1. android:listSelector="@drawable/mylist_view"  

(2)在 ListView的item界面中添加如下属性代码

[html]  view plain copy
  1. android:background="@drawable/mylist_view"  

(3)利用JAVA代码直接编写

[java]  view plain copy
  1. Drawable drawable = getResources().getDrawable(R.drawable.mylist_view);   
  2. listView.setSelector(drawable);  

为了防止列表拉黑的情况发生,需要在 ListView中添加以下的属性代码

[html]  view plain copy
  1. android:cacheColorHint="@android:color/transparent"  

属性介绍:

android:state_selected选中

android:state_focused获得焦点

android:state_pressed点击

android:state_enabled设置是否响应事件,指所有事件


根据这些状态同样可以设置button的selector效果。也可以设置selector改变button中的文字状态。

以下是配置button中的文字效果
drawable/button_font.xml
<? xml  version ="1.0"  encoding ="utf-8" ?>
< selector  xmlns:android ="http://schemas.android.com/apk/res/android" >
         < item  android:state_selected ="true"  android:color ="#FFF"  />
         < item  android:state_focused ="true"  android:color ="#FFF"  />
         < item  android:state_pressed ="true"  android:color ="#FFF"  />
         < item  android:color ="#000"  />
</ selector >

Button还可以实现更复杂的效果,例如渐变
drawable/button_color.xml
<? xml  version ="1.0"  encoding ="utf-8" ?>
< selector  xmlns:android ="http://schemas.android.com/apk/res/android" >                 /
         < item  android:state_pressed ="true" >//定义当button 处于pressed 状态时的形态。
                 < shape >
                         < gradient  android:startColor ="#8600ff"  />
                         < stroke      android:width ="2dp"  android:color ="#000000"  />
                         < corners  android:radius ="5dp"  />
                         < padding  android:left ="10dp"  android:top ="10dp"
                                          android:bottom ="10dp"  android:right ="10dp" />
                 </ shape >
         </ item >
         < item  android:state_focused ="true" >//定义当button获得 focus时的形态
                 < shape >
                         < gradient  android:startColor ="#eac100" />
                         < stroke      android:width ="2dp"  android:color ="#333333"     color ="#ffffff" />
                         < corners  android:radius ="8dp"  />
                         < padding  android:left ="10dp"  android:top ="10dp"
                                          android:bottom ="10dp"  android:right ="10dp" />
                 </ shape >
         </ item >
</ selector >

    最后,需要在包含 button的xml文件里添加两项。假如是 main.xml 文件,
我们需要在<Button />里加两项。 
     android:focusable="true" 
     android:backgroud="@drawable/button_color"
这样当你使用Button的时候就可以甩掉系统自带的那黄颜色的背景了,实现个性化的背景,配合应用的整体布局非常之有用啊。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值