Android 用state list drawable动态改变按钮点击前后的状态

有时候我们希望按钮在点击时和未点击时显示不同的背景和(或)文字样式，这时我们可以使用state list drawable自定义drawable。

首先我们创建按钮点击状态下应显示的shape(res/drawable/button_shape_pressed.xml):

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<solid android:color="# ff00ff " />
<stroke
android:width="1dip"
android:color="# ff00ff " />
<padding
android:bottom="2dp"
android:left="2dp"
android:right="2dp"
android:top="2dp" />
<corners android:radius="8dp" />
</shape>

然后创建按钮未点击状态下应显示的shape(res/drawable/button_shape_normal.xml):

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<solid android:color="#ffffff" />
<stroke
android:width="1dip"
android:color="#A0A0A0" />
<padding
android:bottom="2dp"
android:left="2dp"
android:right="2dp"
android:top="2dp" />
<corners android:radius="8dp" />
</shape>

接下来我们需要一个state list drawable， state list drawable必须包含一个selector根元素，以及用来描述状态的一个或多个item。右键单击res/drawable/目录，以selector为根元素，创建一个名为button_bg_shape.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>
<item android:drawable="@drawable/button_shape_pressed"
android:state_pressed="true"></item>
</selector>

在未点击状态与点击状态下，按钮显示文字的颜色不同。与上一步骤一样，我们右键单击res/drawable/目录，创建一个button_text_color.xml的state list drawable:

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

最后在自己的button中设置一下background和textcolor属性就大功告成啦。

<Button
android:id="@+id/testBtn"
android:layout_width="50dp"
android:layout_height="30dp"
android:layout_centerVertical="true"
android:text="@string/testText"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginRight="5dp"
android:layout_marginLeft="5dp"
android:textColor="@drawable/button_text_color"
android:background="@drawable/button_bg_shape"
/>

怎么样，自己试一下吧~~~