背景选择器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" />