Android实例-手机安全卫士（十七）-自定义按钮背景样式

一、目标。

　　按钮（button）默认、按下、获取焦点等状态下，其背景均显示自定的图片。

          

二、代码实现。

　　1、在res文件夹下新建drawable文件夹，在新建的drawable文件夹下新建一个文件（右键-new-file），取名button.xml。

　　2、在新建的文件（button.xml）中

　　　　①.指定xml版本为1.0，编码格式为utf-8（即第一行为：<?xml version="1.0" encoding="utf-8"?>）。

　　　　②.新建<selector> </selector>标签，在其属性中指定命名空间为xmlns:android="http://schemas.android.com/apk/res/android"。

　　　　③.在新建的<selector> </selector>标签中新增<item>标签，在其属性中制定各种状态和在该状态下显示的图片资源。如属性为state_pressed为true时，显示的图片为@drawable/btn_default_pressed。当属性值只有android:drawable的值时，表示这是默认状态下显示的图片。

button.xml文件的代码：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true"
        android:drawable="@drawable/btn_default_pressed" ></item>  <!-- press -->
    
    <item android:state_enabled="true"
        android:drawable="@drawable/btn_default_selected" /> <!-- focused -->   

    <item android:drawable="@drawable/btn_default_normal_disable"/> <!-- default -->   

</selector>

 

 　　3、在需要使用该背景样式的button按钮中的background属性中引用在样式资源文件即可。

 button组件代码;

  <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:layout_marginBottom="5dip"
            android:layout_marginRight="5dip"
            android:background="@drawable/button"
            android:text="下一步" />

三、以上按钮背景样式的实现可参考源代码。

　　在android-19\data\res\values文件夹中的styles.xml文件中，找到name="Widget.Button"的<style>标签，其background的item标签就是指定android:drawable/btn_default的样式，在drawable文件夹下的btn_default.xml文件中的代码就是指定button的背景样式，可根其进行自定义button背景样式更改。

styles.xml中Widget.Button标签的代码：

 <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>

 

 btn_default.xml代码：

<?xml version="1.0" encoding="utf-8"?>

<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>

 

 

 <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>