浅谈android的selector,背景选择器

关于listview和button都要改变android原来控件的背景,在网上查找了一些资料不是很全,所以现在总结一下android的selector的用法。
首先android的selector是在drawable/xxx.xml中配置的。
先看一下listview中的状态:
把下面的XML文件保存成你自己命名的.xml文件(比如list_item_bg.xml),在系统使用时根据ListView中的列表项的状态来使用相应的背景图片。
drawable/list_item_bg.xml
<?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>
使用些xml文件:第一种是在listview中配置android:listSelector="@drawable/list_item_bg
或者在listview的item中添加属性android:background=“@drawable/list_item_bg"即可实现,或者在java代码中使用:Drawable drawable = getResources().getDrawable(R.drawable.list_item_bg);  
      ListView.setSelector(drawable);同样的效果。
但是这样会出现列表有时候为黑的情况,需要加上:
android:cacheColorHint="@android:color/transparent"
使其透明。
其次再来看看Button的一些背景效果:

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的时候就可以甩掉系统自带的那黄颜色的背景了,实现个性化的背景,配合应用的整体布局非常之有用啊。


转自http://blog.csdn.net/jrcisme/article/details/6444653


在很多刚入门的新手在开发实例的过程中,经常会遇到要按下某个ImageView时,需要加入确认感的时候.需要在按下的时候,控制ImageVIew内图片的显示.

在我是新手的时候,也这样做过.
所以这里简单介绍一下selector选择器的使用.

首先定义需要准备两张图片,一张不按下去的,一张是按下去的.
分别叫做button_unpressed.png 和button_pressed.png
把他们放大drawable文件目录下(与要开发应用需要的分辨率文件夹中).

如果你的工程的res文件目录下有drawable文件(不带分辨率).则需要新建一个drawable文件夹(不带分辨率)
新建一个xml文件,取名叫做 button_selector.xml
xml代码如下

1
2
3
4
5
6
7
8
9
<selectorxmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:state_pressed="false"android:drawable="@drawable/button_unpressed"/><itemandroid:state_pressed="true"android:drawable="@drawable/button_pressed"/></selector>

这样我们的selector选择器就配置好了.

然后接下来,我们就可以需要使用它;

1
2
3
4
5
6
7
8
<Buttonandroid:id="@+id/setting"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@drawable/button_selector"/>

然后运行效果看看吧.

注意: selector文件 不管是在xml中或者是代码中使用方法 跟调用图片的方式是一样的.
某些组件使用selector是不会有效果的.例如ImageView组件,因为ImageView是非焦点组件.不会获取

屏幕焦点.所有的非焦点组件都不会响应selector内定义的内容.

转自http://my.eoe.cn/mlike/archive/126.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章