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或其他现成的控件呢?因为越高级的东西,越往后限制就越多,那就限制了你原来的想法了。
这个经历就说到这里了,假如有什么不对的地方,希望看官们多多包涵,并给予指教,谢谢。
分享到:
相关推荐
类似于背景选择器,我们也可以创建一个text_color selector来定义按钮文字颜色的变化。这里需要使用`<selector>`标签,并在`<item>`标签内设置`android:textColor`属性。例如: ```xml <selector xmlns:android=...
接下来,我们在布局文件(例如`activity_main.xml`)中将这个Selector作为Button的背景: ```xml <Button android:id="@+id/myButton" android:layout_width="wrap_content" android:layout_height="wrap_...
现在,我们将详细探讨如何在ListView、Button和ImageView中应用selector来实现这一功能。 首先,让我们了解什么是`selector`。Selector是Android中的一个资源类型,它可以定义不同状态下的显示样式,如按下、聚焦、...
在`getView()`中,我们可以实例化并配置每个Item中的Button,包括设置初始的背景、文字等属性。 接着,为了实现点击事件,我们需要为Button设置一个OnClickListener。在自定义Adapter的`getView()`方法中,我们可以...
描述:有时候button需要有多种不同的状态对应不同的背景,如正常状态下颜色是紫色,但按下状态是绿色,不可点状态是灰色,对应的三种不同背景颜色。 实现:要实现按钮按下状态,可点状态,对应状态下不同的颜色,需要...
本篇将深入探讨如何通过XML来定制Android的Selector,实现按钮的点击、按下等状态下的背景颜色和字体颜色变化,以及RadioButton的特殊样式,如单条线、圆形边框等。 首先,理解Selector的基本结构。Selector是基于...
与ListView类似,可以在Button上设置`Selector`来改变不同状态下的背景图像或颜色。 ##### 4.2 设置文字颜色 除了背景图像,还可以通过`Selector`来改变Button的文字颜色。 ```xml <selector xmlns:android=...
"UI button背景图设置与关联"这个主题主要关注如何为按钮配置不同的背景图像,以提升其视觉效果和交互体验。在这个过程中,我们需要关注按钮的不同状态,如正常状态和高亮状态,并为这些状态分别设置相应的图片。 ...
例如,我们可以创建一个名为`button_selector.xml`的文件: ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/button_pressed" android:state_...
通过`android:background`属性设置Button的背景,并使用`selector`来实现状态切换时背景的变化。 其次,是下载进度条的实现。Android提供了多种方式来创建进度条,例如`ProgressBar`和`ProgressDrawable`。在这个...
在这个"Android selector"主题中,我们将深入探讨如何创建并使用状态选择器来控制按钮(Button)和文字的样式变化。 首先,一个状态选择器通常是一个XML文件,存储在res/drawable目录下。例如,我们可以创建一个名...
首先,我们来看`button_ctrl.xml`,这是一个Selector资源文件,用于定义Button在不同状态下的背景。Selector是Android中的一个Drawable类型,可以根据按钮的状态(如按下、聚焦、默认等)来切换不同的Drawable。在这...
以下是一个简单的`Selector`示例: ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 默认状态 --> <item android:drawable="@drawable/button_normal" android:state_...
本资源“一个可以用代号处理控件的阴影效果,以及用代号在TextView、EditText、Button等控件设置selector.zip”主要涵盖了两个方面的内容:一是如何通过代码实现控件的阴影效果,二是如何为常见的UI组件如TextView、...
这里,`@drawable/selector_radio_button`就是定义了不同状态下的背景资源,可以是不同的颜色、图片或形状。 ### 4. `RadioGroup`的使用 `RadioGroup`是一个线性布局,可以包含多个`RadioButton`。它提供了一种...
在simulink上进行BusCreator和BusSelector的简单实验
首先,我们可以通过修改Button的背景来改变其颜色。Android提供了多种方式来实现这一目标,例如使用颜色资源、颜色选择器(ColorStateList)或者渐变色。在"AndroidGradients"这个文件夹中,我们可以看到可能包含了...
例如,一个简单的Selector可能如下所示: ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/button_pressed" android:state_pressed="true" /> ...
类似地,我们也可以为背景创建一个`background_selector.xml`,定义不同状态下的背景颜色。这样,当用户触摸或点击TextView时,文字颜色和背景颜色都会根据所定义的状态自动变化,提供视觉反馈。 压缩包中的`Java...