一起Talk Android吧（第六十八回：Android中UI控件之Button可变性一）

各位看官们大家好，上一回中咱们说的是Android中UI控件之Button可用性的例子，这一回说的例子是UI控件之Button可变性。闲话休提，言归正转。让我们一起Talk Android吧！

看官们，这一回将介绍Button控件的可变性。那么什么是Button控件的可变性呢？大家在日常使用手机的过程中肯定见过这种情况：画面上有一个Button，按下后Button的状态发生变化，松开时又恢复原来的样子。这便是Button的可变性，也有叫动态Button的。不管哪种叫法，其本质是Button的状态发生了变化，大家把握这个本质就可以。

明白Button的可变性后，我们来介绍如何去改变Button的状态。

有两种方式可以改变Button的状态:

一种是在布局文件中修改Button的属性;
一种是在代码中修改Button的属性。接下来我们依次介绍这两种方法;

在布局文件中改变Button的属性：

1.添加图片文件。
在PackageName/app/src/main/res/drawable目录下添加相关图片。我们添加了button_normal.png和button_pressed.png两张图片。
2.添加状态列表。
在PackageName/app/src/main/res/drawable目录下新建一个名叫button_style.xml的文件。在文件中添加以下内容：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
        android:drawable="@drawable/button_pressed" />  //关联步骤1中的图片

    <item android:drawable="@drawable/button_normal" />  //关联步骤1中的图片
</selector>

该状态列表中使用了selector标签及其item属性，我们把步骤1中的图片赋值到了属性中，这样就可以控制Button在不同状态下显示的背景图片，进而达到修改Button状态的目的。

关于状态列表更多的内容，可以参考官方文档。链接：https://developer.android.com/guide/topics/resources/drawable-resource.html?hl=zh-cn#StateList

3.修改Button的属性。在布局文件中添加以下代码：

    <Button
        android:id="@+id/button_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button_style" //主要是修改background属性
        android:text="Button"/>

在布局文件中把步骤2中的状态列表赋值给background属性。这样就把Button的背景和状态列表关联在了一起。程序运行时Button默认显示button_normal图片，如果按下Button就显示button_pressed图片。我在这里就不上传程序运行时的图片了，大家可以自己动手试试。

各位看官，关于Android中UI控件之Button可变性的例子咱们就介绍到这里，欲知后面还有什么例子，且听下回分解！

一起Talk Android吧（第六十八回：Android中UI控件之Button可变性一）

猜你喜欢