Android中Selector的用法

Android中Selector的用法

Android中的Selector主要是用来改变ListView和Button控件的默认背景。它分为两种,一种Color-Selector 和Drawable-Selector。

属性介绍:
android:state_selected选中

android:state_focused获得焦点

android:state_pressed点击

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


Color-Selector

color-selector ,顾名思义就是颜色状态列表,可以跟color一样使用,颜色会随着组件的状态而改变。文件的位置存储于

/res/color/filename.xml

在Java中使用是:R.color.filename
在XML中使用是:@[package]color/filename

具体语法如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:color="hex_color"//颜色值,#RGB,$ARGB,#RRGGBB,#AARRGGBB
        android:state_pressed=["true" | "false"]//是否触摸
        android:state_focused=["true" | "false"]//是否获得焦点
        android:state_selected=["true" | "false"]//是否被状态
        android:state_checkable=["true" | "false"]//是否可选
        android:state_checked=["true" | "false"]//是否选中
        android:state_enabled=["true" | "false"]//是否可用
        android:state_window_focused=["true" | "false"] />//是否窗口聚焦
</selector>

下面通过一个具体示例为大家展示:

在/res/color/文件夹下新建test_color_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:color="#ffff0000"/> <!-- pressed -->
    <item android:state_focused="true"
          android:color="#ff0000ff"/> <!-- focused -->
    <item android:color="#ff000000"/> <!-- default -->
</selector>

调用方法:

<Button
        android:id="@+id/bt_about"
        style="@style/Button_style"
        android:layout_width="250dp"
        android:layout_height="50dp"
        android:layout_margin="5dp"
        android:textColor="@color/test_color_selector"
        android:text="@string/about" />

Drawable-Selector

drawable-selector 是背景图状态列表,可以跟图片一样使用,背景会根据组件的状态变化而变化。文件存储于

/res/drawable/filename.xml

Java中调用:R.drawable.filename
XML中调用:@[package:]drawable/filename

drawable-selector的具体语法如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
    android:constantSize=["true" | "false"] //drawable的大小是否当中状态变化,true表示是变化,false表示不变换,默认为false
    android:dither=["true" | "false"]//当位图与屏幕的像素配置不一样时(例如,一个ARGB为8888的位图与RGB为555的屏幕)会自行递色(dither)。设置为false时不可递色。默认true
    android:variablePadding=["true" | "false"] >//内边距是否变化,默认false
    <item
        android:drawable="@[package:]drawable/drawable_resource"//图片资源
        android:state_pressed=["true" | "false"]//是否触摸
        android:state_focused=["true" | "false"]//是否获取到焦点
        android:state_hovered=["true" | "false"]//光标是否经过
        android:state_selected=["true" | "false"]//是否选中
        android:state_checkable=["true" | "false"]//是否可勾选
        android:state_checked=["true" | "false"]//是否勾选
        android:state_enabled=["true" | "false"]//是否可用
        android:state_activated=["true" | "false"]//是否激活
        android:state_window_focused=["true" | "false"] />//所在窗口是否获取焦点
</selector>

下面我们仍然通过一个具体的示例展示:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:drawable="@drawable/button_bg_press" />
    <item android:state_focused="true" android:drawable="@drawable/button_bg_press" />
    <item android:state_pressed="true" android:drawable="@drawable/button_bg_press"  />
    <item android:drawable="@drawable/button_bg_normol"  />
</selector>

调用:

<Button
        android:id="@+id/bt_about"
        style="@style/Button_style"
        android:background="@drawable/button_selector"
        android:layout_width="250dp"
        android:layout_height="50dp"
        android:layout_margin="5dp"
        android:textColor="@color/test_color_selector"
        android:text="@string/about" />

除了在Button、Imageview的 android:background中使用selector、selector更多的时候是用在ListView中。

新建一个mylist_view.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>

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

  • 在ListView中添加如下属性代码
android:listSelector="@drawable/mylist_view"  
  • 在ListView的item界面中添加如下属性代码
android:background="@drawable/mylist_view"
  • 利用java代码直接编写
Drawable drawable = getResources().getDrawable(R.drawable.mylist_view); 
listView.setSelector(drawable);

注意:

在ListView中使用selector时,为防止列表拖动时背景变黑,需要加上如下属性:android:cacheColorHint="@android:color/transparent"

  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AndroidSelector是一个用于定义不同状态下View的样式和背景的XML文件。它可以根据View的不同状态(如按下、选、禁用等)来设置不同的样式和背景。下面是Selector用法详解及实例。 1. 创建selector xml文件 在res/drawable目录下创建一个XML文件,文件名以selector_开头,如selector_button.xml,然后在文件定义不同状态下View的样式和背景。例如: ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 按下状态 --> <item android:drawable="@drawable/button_pressed" android:state_pressed="true" /> <!-- 选状态 --> <item android:drawable="@drawable/button_selected" android:state_selected="true" /> <!-- 默认状态 --> <item android:drawable="@drawable/button_normal" /> </selector> ``` 2. 在View应用selector 在布局文件使用android:background属性来应用selector,如: ```xml <Button android:id="@+id/btn_login" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="登录" android:background="@drawable/selector_button" /> ``` 这样,当Button的状态改变时,它的背景就会自动变化。 除了android:background属性外,还可以在TextView、EditText等View使用android:textColor属性来应用selector,如: ```xml <TextView android:id="@+id/tv_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" android:textColor="@drawable/selector_text_color" /> ``` 其selector_text_color.xml文件的内容如下: ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 按下状态 --> <item android:color="@color/colorAccent" android:state_pressed="true" /> <!-- 选状态 --> <item android:color="@color/colorPrimary" android:state_selected="true" /> <!-- 默认状态 --> <item android:color="@android:color/black" /> </selector> ``` 这样,当TextView的状态改变时,它的文字颜色就会自动变化。 以上就是SelectorAndroid用法详解及实例。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值