背景选择器selector替换按钮默认背景

时间:2023-01-15 18:11:01

一、效果

正常状态

背景选择器selector替换按钮默认背景


获取焦点或按下

背景选择器selector替换按钮默认背景


按钮的背景图片是.9图,.9图的制作过程,见下面博文

http://blog.csdn.net/zengmingen/article/details/50193245


二、步骤

模仿android自带的按钮控件编写 1、找到android自带按钮的样式。 D:\ADT\sdk\platforms\android-16\data\res\values\style.xml文件中找Button控件, <item name="android:background">@android:drawable/btn_default</item>是背景选择器,不是图片。
代码如下。
 <style name="Widget.Button">
<item name="android:background">@android:drawable/btn_default</item>
<item name="android:focusable">true</item>
<item name="android:clickable">true</item>
<item name="android:textAppearance">?android:attr/textAppearanceSmallInverse</item>
<item name="android:textColor">@android:color/primary_text_light</item>
<item name="android:gravity">center_vertical|center_horizontal</item>
</style>
2、查找Button的背景选择器代码。
找到D:\ADT\sdk\platforms\android-16\data\res\drawable\btn_default.xml 代码如下:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_window_focused="false" android:state_enabled="true"
android:drawable="@drawable/btn_default_normal" />
<item android:state_window_focused="false" android:state_enabled="false"
android:drawable="@drawable/btn_default_normal_disable" />
<item android:state_pressed="true"
android:drawable="@drawable/btn_default_pressed" />
<item android:state_focused="true" android:state_enabled="true"
android:drawable="@drawable/btn_default_selected" />
<item android:state_enabled="true"
android:drawable="@drawable/btn_default_normal" />
<item android:state_focused="true"
android:drawable="@drawable/btn_default_normal_disable_focused" />
<item
android:drawable="@drawable/btn_default_normal_disable" />
</selector>

3、模仿着写。先写样式,再写选择器。
样式NextStyle代码如下:
<style name="NextStyle">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_alignParentBottom">true</item>
<item name="android:layout_alignParentRight">true</item>
<item name="android:background">@drawable/btn_green_selector</item>
<item name="android:drawableRight">@drawable/next</item>
<item name="android:text">下一步</item>
<item name="android:onClick">next</item>
</style>
选择器btn_green_selector.xml的代码如下:一个选择器一个xml文件
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 按下 -->
<item android:drawable="@drawable/btn_green_pressed" android:state_pressed="true"/>
<!-- 获取焦点 -->
<item android:drawable="@drawable/btn_green_pressed" android:state_focused="true"/>
<!-- 默认,默认放在最后-->
<item android:drawable="@drawable/function_greenbutton_normal"/>
</selector>

4、布局文件中使用
代码如下
<Button style="@style/NextStyle" />