Android Selector选择器点击按下之后没有出现预想的效果

  笔者要实现一个按钮(Button)点击按下之后可以切换背景图片的效果,代码实现如下:


1、首先编写Selector选择器,如下:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    // 默认状态下按钮的背景色
    <item android:drawable="@drawable/btn_green_normal" />
    // 按下状态下按钮的背景色
    <item android:state_pressed="true" android:drawable="@drawable/btn_green_pressed" />
    <item android:state_focused="true" android:drawable="@drawable/btn_green_pressed" />

</selector>

2、然后在布局文件中使用编写好的选择器,如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <Button
        android:id="@+id/select_safe_num"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/num_button_select"
        android:text="选择安全号码"
        android:textSize="20sp"/>
</LinearLayout>

  笔者在运行之后发现并没有出现预期的效果,因此,笔者去了Google的官方网站去查找示例文件,找到状态列表选项,注释为:此 XML 文件为不同状态引用不同位图图形(例如,按下按钮时使用不同的图像),根据对象的状态,使用多个不同的图像来表示同一个图形。
  每个图形由单一<selector>元素内的<item>元素表示。每个<item>均使用各种属性来描述应用作可绘制对象的图形的状态。
  注意这条:(官网的)在每个状态变更期间,将从上到下遍历状态列表,并使用第一个与当前状态匹配的项目,此选择并非基于“最佳匹配”,而是选择符合状态最低条件的第一个项目。
  请记住:(官网的)Android 将应用状态列表中第一个与对象当前状态匹配的项目。因此,如果列表中的第一个项目不含上述任何状态属性,则每次都会应用它,这就是默认值应始终放在最后的原因(如以下示例所示)。
  结合上面两段话和查看官方demo,终于发现问题所在,官网demo示例代码:
  
  XML 文件保存在 res/drawable/button.xml 中:

<?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/button_pressed" /> <!-- pressed -->
    <item android:state_focused="true"
          android:drawable="@drawable/button_focused" /> <!-- focused -->
    <item android:state_hovered="true"
          android:drawable="@drawable/button_focused" /> <!-- hovered -->
    <item android:drawable="@drawable/button_normal" /> <!-- default -->
</selector>

  
  此布局 XML 将状态列表可绘制对象应用到按钮:
  

<Button
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:background="@drawable/button" />

 
  总结:Android 将应用<selector>状态列表中第一个与对象当前状态匹配的<item>。因此,如果列表中的第一个项目不含这几个如:pressed、focused、selected等状态属性,则每次都会应用它,这就是默认值应始终放在最后的原因。笔者的第一个<item> 就是没有这些状态属性,而且还放在了第一个项目,因此才会没有点击按下后图片切换的效果。

  发现问题并解决问题,还是很开心哈!另外也给自己做个总结,以免自己以后再犯同样的错误哈!
  
  参考文档:当然是Google官方文档啦!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值