自定义控件（四）自定义点击效果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"/>

版权声明：本文为博主原创文章，未经博主允许不得转载。