安卓中自定义点击按钮，点击可以改变颜色

安卓中自定义点击按钮，点击可以改变颜色

效果如下：

不点击的时候的状态为：

1）给一个Button设置一个圆角矩形的背景。
2）正常情况圆角矩形的边框是蓝色，填充颜色是灰色
3）当按钮被按下的时候圆角矩形的边框是红色的， 内部颜色是渐变颜色，渐变方向从右到左 红-->蓝

首先我们要定义一个选择器：

在res目录下新建一个drawable目录,在drawable目录下新建一个color_button的xml文件，类型为selector

color_button.xml

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

<shape android:shape="rectangle">
    <stroke android:width="5dp"
            android:color="#f00"/>
    <corners android:radius="20dp"/>

    <gradient android:startColor="#f00"
              android:angle="180"
              android:endColor="#00f"/>
</shape>

</item>
<item android:state_pressed="false" >
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
           android:shape="rectangle"
            >
        <stroke android:width="5dp"
                android:color="#ff5a27cc"/>
        <corners android:radius="20dp"/>
        <solid android:color="#ffcccccc"/>

    </shape>
</item>

</selector>

第二步把我们定义的选择器加载到button中去

</pre>在button中用设置button的效果为刚才定义的效果<span style="font-size:18px;"><span style="font-size:18px;"></span></span><pre name="code" class="plain"> android:background="@drawable/color_button"

</pre><pre name="code" class="plain"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"

        >

    <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Hello World, MainActivity"
            />

    <Button
            android:padding="10dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我是一个按钮哦anannanan"
            android:background="@drawable/color_button"
            android:layout_gravity="center_horizontal"
       />
  
</LinearLayout>

最后我们直接运行到手机上就OK了，效果实现了。