一、效果
正常状态
获取焦点或按下
按钮的背景图片是.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" /><itemandroid: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" />