Button的背景使用selector图片无法显示的问题
2012-08-06 21:39
441 查看
android的Button控件在应用里是十分常见的,功能也十分强大!但是想把它做得漂亮一点,交互效果好一点,就需要一点技巧----使用selector,进行便利的UX效果配置,selector使用的方法也很简单,网上一大堆教程,这里就不多说了。
这篇文章,主要是想分享一下自己遇到的问题:Button的背景使用selector配置问题。
以下是一段能正常使用的selector xml代码:
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属性上时,就能正常地响应点击动作,改变按钮的背景了。
Xml代码
<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代码
<?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代码
<?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或其他现成的控件呢?因为越高级的东西,越往后限制就越多,那就限制了你原来的想法了。
这篇文章,主要是想分享一下自己遇到的问题:Button的背景使用selector配置问题。
以下是一段能正常使用的selector xml代码:
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>
<?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属性上时,就能正常地响应点击动作,改变按钮的背景了。
Xml代码
<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"
/>
<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代码
<?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>
<?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代码
<?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>
<?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或其他现成的控件呢?因为越高级的东西,越往后限制就越多,那就限制了你原来的想法了。
相关文章推荐
- 关于使用了QtWebKit的PyQt程序打包后无法显示网页图片的问题(Mac0S和windows)
- 关于在IE-8下 button的背景图片不能正确显示的问题
- java 使用ireport无法显示图片问题分析
- 关于在IE-8下 button的背景图片不能正确显示的问题
- 使用universalimageloader图片加载框架,正确加载却无法显示图片问题的处理
- 关于CSS中内层使用float导致外层的背景无法显示的问题的解决
- PyQt4 QPixmap.load/loadFromData 使用py2exe 打包后无法显示JPEG,gif等图片的问题
- QT5.2 + VS2012 给QWidget 对象使用setStyleSheet()设置背景图片运行不显示的问题
- android <ImageButton>设置背景图片无法显示
- IE下background背景图片无法显示问题解决方法
- 【JAVA】使用jacob生成的html,关于文字乱码处理,图片无法显示等问题。
- 【问题解决】使用Strust2文件上传图片无法显示
- Button背景图片在IE下不显示问题
- 关于jar生成exe时出现背景图片无法显示的问题
- IE下background背景图片无法显示问题解决方法
- 关于CSS中内层使用float导致外层的背景无法显示的问题的解决方法
- 在ios中使用opencv将彩色图片转换成为灰度图,uiimageview无法显示问题
- 给Button按钮设置背景图片在IE下不能正确显示的问题
- HTML:使用绝对路径插入图片后在浏览器中无法显示的问题
- 关于jsp中用css无法显示背景图片的问题