android的Button控件在应用里是十分常见的,功能也十分强大!但是想把它做得漂亮一点,交互效果好一点,就需要一点技巧----使用selector,进行便利的UX效果配置,selector使用的方法也很简单,网上一大堆教程,这里就不多说了。
这篇文章,主要是想分享一下自己遇到的问题:Button的背景使用selector配置问题。
以下是一段能正常使用的selector xml代码:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true" android:drawable="@drawable/btn_bg_a"></item>
<item android:state_pressed="true" android:drawable="@drawable/btn_bg_a"></item>
<item android:state_focused="false" android:state_pressed="false" android:drawable="@drawable/btn_bg"></item>
<item android:drawable="@drawable/btn_bg"></item>
</selector>
说它正常其实有点过,因为我把它应用到某个Button时,运行是没效果的,详见以下一段配置Button的xml,但是应用到ImageButton的src属性上时,就能正常地响应点击动作,改变按钮的背景了。
<Button
android:id="@+id/btn_sign_in"
android:layout_width="180dp"
android:layout_height="50dp"
android:layout_below="@+id/et_sms_pwd"
android:layout_centerHorizontal="true"
android:layout_marginTop="30dp"
android:background="@drawable/selector_btn"
android:text="@string/label_login"
android:textColor="@drawable/selector_font"
android:textSize="24sp" />
这是为什么呢?
为了求解,我还做了另外一个实验,是我在网上求问时遇到的一种解析:首先准备一个文件selector_font.xml,这也是一个selector的配置,里面配置的是点击时,Button上面的TextView的颜色响应。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_selected="true" android:color="@color/label_press"/>
<item android:state_focused="true" android:color="@color/label_press"/>
<item android:state_pressed="true" android:color="@color/label_press"/>
<item android:state_focused="false" android:state_pressed="false" android:color="@color/label"/>
<item android:color="@color/label"/>
</selector>
把上面的selector赋给Button的background属性,运行竟然正常!
两个selector最本质的区别就是:一个设置颜色,一个设置图片,那我就做了大胆的假设:Button的background属性不支持直接图片的贴图行为!因为对比之下ImageButton是可以正常响应的。
后来我对原来的selector做了以下修改:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="true">
<bitmap android:src="@drawable/btn_bg_a" />
</item>
<item android:state_pressed="true">
<bitmap android:src="@drawable/btn_bg_a" />
</item>
<item android:state_focused="false" android:state_pressed="false">
<bitmap android:src="@drawable/btn_bg" />
</item>
<item>
<bitmap android:src="@drawable/btn_bg" />
</item>
</selector>
为每个Item增加一个Bitmap来加载背景图片,结果运行成功,一切正常!
于是我试着做了以下的解析:Button是一个比较原始的交互控件,不支持直接配置复杂的效果,但是Google提供了强大的扩展配置工具,使其也能实现复杂的交互效果。
假如你问,为什么不直接使用ImageButton或其他现成的控件呢?因为越高级的东西,越往后限制就越多,那就限制了你原来的想法了。
这个经历就说到这里了,假如有什么不对的地方,希望看官们多多包涵,并给予指教,谢谢。
分享到:
相关推荐
http://blog.csdn.net/zhufuing/article/details/20134255博客的demo下载
描述:有时候button需要有多种不同的状态对应不同的背景,如正常状态下颜色是紫色,但按下状态是绿色,不可点状态是灰色,对应的三种不同背景颜色。 实现:要实现按钮按下状态,可点状态,对应状态下不同的颜色,需要...
用selector设置button可用和不可用的样式
ListView Button ImageView 里应用selector选择器切换图片并保持住
在simulink上进行BusCreator和BusSelector的简单实验
winsys:状态:开发已暂停:pause_button_selector:-配置Windows
Selector
浅谈android的selector背景选择器
Android 文字颜色 背景 触摸点击 反馈色 之selector的那些事儿 博客资源, 博客地址:http://blog.csdn.net/zxt0601/article/details/50908839
selector radiobutton
ubunsys:状态:主动开发:play_button_selector:-在Ubuntu中配置深层和深层方面
Flutter的file_selector插件可以帮助开发者在移动应用中方便地选择文件。 要使用file_selector插件,首先需要将插件的依赖项添加到pubspec.yaml文件中,并运行flutter pub get命令获取插件的最新版本。 在插件使用...
Android文字颜色背景触摸点击反馈色之selector.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
一个强大的selector注入器,它可以让view自动产生selector状态,免去了你写selector的麻烦。
Button设置背景很简单,只需简单的应用Background属性即可,而为其添加状态设计也是通过此。Android系统为开发者考虑了一套selector机制,可以根据控件的状态(点击、非点击、焦点)自动切换。下面用一个简单的例子来...
我这样做是因为 :P_button_selector: :registered::O_button_(blood_type)::copyright::registered::A_button_(blood_type): :heavy_dollar_sign: :heavy_plus_sign: :information_selector: :Leo: :A_button_...
Android selector 完整demo
selenium css selector 定位详解
CSS Selector 生成器
带圆角的selector