Android选择器：美化你的应用UI界面

如果你是一位Android开发者，你肯定不希望你的应用UI界面看起来很素洁，毫无美感。因此，为了让你的应用在设计上更加吸引人，在本文中，我们将介绍Android选择器的使用，以在设计上添加颜色和样式。

一、什么是选择器？

选择器是一种Android资源类型，定义了一个可以根据当前应用状态在多个Drawable资源之间切换的Drawable。在应用中，我们通常使用选择器来定义视图的状态，例如：可以定义按钮的颜色和样式，可以根据点击状态的不同而改变外观。

从字面意思上来看，选择器就像一个开关，对于特定的动作或事件，通常会有不同的外观与行为。Android选择器的作用是为了实现这种开关的清晰切换。

二、选择器的类型

Android中，有两种类型的选择器：State List 和 Layer List。

1. State List

State List是根据一个视图的状态变化而改变的。一个视图状态可以被定义成不同的drawable，并且可以在不同的状态下进行切换，例如：按下或者聚焦时的状态。

在xml文件中定义一个State List的示例如下：

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="true"
            android:drawable="@drawable/button_selected" />
        <item android:state_focused="true"
            android:drawable="@drawable/button_focused" />
        <item android:drawable="@drawable/button_normal" />
    </selector>

在以上示例中，我们定义了三个状态下的Drawable，当视图被按下或者聚焦的时候，State List会根据对应的状态改变视图Drawable的显示。

2. Layer List

Layer List是一种可以堆叠多个Drawable的选择器。相较于State List，Layer List更加灵活，更适合于需要自定义的UI设计。

在xml文件中定义一个Layer List的示例如下：

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <shape android:shape="rectangle">
                <corners android:radius="10dp" />
                <solid android:color="@color/orange" />
            </shape>
        </item>
        <item
            android:bottom="5dp"
            android:right="5dp">
            <shape android:shape="rectangle">
                <corners android:radius="10dp" />
                <solid android:color="@color/white" />
            </shape>
        </item>
    </layer-list>

在以上示例中，我们定义了一个Layer List堆叠两个Drawable，第一个为圆角矩形，填充颜色为橙色，第二个为偏移圆角矩形，填充颜色为白色，并偏移了5dp。在实际使用中，这个效果可以用来作为按钮、卡片等UI元素的背景。

三、如何使用选择器

现在我们来看一下如何在Android应用中使用选择器。

1. State List的使用

一般来说，我们使用State List定义一个视图的状态。例如：一个按钮可以在一般状态下是灰色的，当用户按下按钮时，会变成绿色。让我们看一下下面的示例代码：

    <Button
        android:id="@+id/select_button"
        android:text="@string/select"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/white"
        android:background="@drawable/button_selector"/>

在以上示例中，我们将选择器设置为按钮的背景。我们必须在drawable文件夹中添加一个名为button_selector.xml的文件，内容如下示例：

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="true" android:drawable="@drawable/button_pressed" />
        <item android:state_focused="true" android:drawable="@drawable/button_focused" />
        <item android:drawable="@drawable/button_normal" />
    </selector>

在以上示例中，我们设置了三个状态：按下、聚焦（即用户用手指触摸某个视图时，该视图的边框会发出光圈反应）、正常。对于每个状态，我们都定义了相应的Drawable（即视图状态的外观）。

2. Layer List的使用

Layer List比State List更加灵活。相较于State List使用于单个视图上的状态改变，Layer List常用于应用复杂的背景，例如卡片、弹出框等等。

让我们看一下下面的示例代码：

    <LinearLayout
        android:id="@+id/card_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:background="@drawable/card_selector"
        android:orientation="vertical">
        <TextView
            android:id="@+id/card_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/card_title"
            android:textColor="@color/black"
            android:textSize="20sp" />
        <TextView
            android:id="@+id/card_description"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/card_description"
            android:textColor="@color/black"
            android:textSize="16sp" />
    </LinearLayout>

在以上示例中，我们将选择器设置为LinearLayout的背景。我们必须在drawable文件夹中添加一个名为card_selector.xml的文件，内容如下示例：

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <shape android:shape="rectangle">
                <corners android:radius="10dp" />
                <solid android:color="@color/orange" />
            </shape>
        </item>
        <item
            android:bottom="5dp"
            android:right="5dp">
            <shape android:shape="rectangle">
                <corners android:radius="10dp" />
                <solid android:color="@color/white" />
            </shape>
        </item>
    </layer-list>

在以上示例中，我们设置了一个背景层叠的效果，第一个为圆角矩形，填充颜色为橙色，第二个为偏移圆角矩形，填充颜色为白色，并偏移了5dp。LinearLayout中包括两个TextView，其中一个是标题，一个是描述，这个布局可以用作卡片或类似UI元素的背景。

四、总结

本文我们介绍了Android选择器的基本概念、类型以及如何使用它来添加颜色和样式。State List为我们提供了单个视图在切换状态时的外观改变。Layer List为我们提供了更大的灵活性，让我们可以用一些更具创意的方式来美化我们的应用程序。

选择器在Android开发中是不可或缺的资源类型，它可以让我们在视觉上轻松控制按键、卡片、列表项等UI元素的状态变化。希望本文能够帮助你更好地理解和使用选择器，增加你的UI设计技能!