自定义控件（四）自定义点击效果Button

本节自定义带有点击效果的圆角矩形Button。

功能：

1.button点击变色

2.上面文字也是点击变色

3.button形状为圆角矩形

4.button具有渐变效果

主要分为五步：

首先你需要在res目录下建立一个drawable目录（与像素无关的drawable）。

1.设置按钮正常状态

//button_shape_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">  <!--  设置为矩形-->
<corners android:radius="3dp"/> <!--  设置圆角矩形半径-->
<gradient
android:angle="90"
android:endColor="#cccccc"
android:startColor="#acacac"/>  <!--  指定色彩渐变（起始颜色，终止颜色，渐变方向）-->
</shape>

2.设置按钮点击状态

//button_shape_pressed.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="3dp"/> <!--  设置圆角矩形半径-->
<gradient
android:angle="270"
android:endColor="#cccccc"
android:startColor="#acacac"/>  <!--  指定色彩渐变（起始颜色，终止颜色，渐变方向）-->
</shape>

3.设置Button的selector

//button_shape_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/button_shape_normal"
android:state_pressed="false"/>
<item android:drawable="@drawable/button_shape_pressed"
android:state_pressed="true"/>
</selector>

4.设置文字颜色selector

//button_text_color.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="false" android:color="#ffffff"/>
<item android:state_pressed="true" android:color="#556699"/>
</selector>

5.在button属性中引用刚刚创建的资源

<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="wangjiang"
android:textSize="16sp"
android:background="@drawable/button_shape_selector"
android:textColor="@drawable/button_text_color"/>

注意：设置文字的方式对设置button不起作用。也就是说，创建点击效果button不能只建一个selector，必须设置不同的状态。