Android中的Selector（背景選擇器）主要是用來改變一個按鈕控件的背景束莫，在Android UI設(shè)計中經(jīng)常會遇到髓废，比如我們在點擊Button時需要有些效果的變化巷懈，這時候就要用到<selector>和<shape>。<selector>和<shape>對美化控件有很大的作用慌洪。

接下來我要以四個在Android實際開發(fā)中可能會用的比較的情況來探索selector和shape的結(jié)合使用顶燕。
（1）帶圓角凑保，白色背景，彩色邊框的矩形
首先來定義一個帶圓角,白色背景,綠色邊框的矩形涌攻，在selector中設(shè)置它為單擊時的背景

<?xml version="1.0" encoding="utf-8"?>
<!--定義一個帶圓角,白色背景,綠色邊框的矩形-->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!--圓角-->
    <corners android:radius="5dp" />
    <!--填充顏色-->
    <solid android:color="@color/white" />
    <!--描邊-->
    <stroke
        android:width="1dp"
        android:color="@color/green" />
</shape>

實際開發(fā)中我們可以根據(jù)需求設(shè)置其他的屬性欧引，比如<gradient> 定義使用漸變色填充，<padding> 定義幾何形狀的內(nèi)邊距恳谎，<size>定義幾何形狀的大小等等芝此，在這里就不一一例舉了。
然后來定義一個帶圓角,白色背景,藍(lán)色邊框的矩形惠爽，在selector中設(shè)置它為不在單擊狀態(tài)時的背景

<?xml version="1.0" encoding="utf-8"?>
<!--定義一個帶圓角,白色背景,藍(lán)色邊框的矩形-->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 圓角 -->
    <corners android:radius="5dp" />
    <!--填充顏色-->
    <solid android:color="@color/white" />
    <!-- 描邊 -->
    <stroke
        android:width="1dp"
        android:color="@color/blue" />
</shape>

接下來就在selector背景選擇器中設(shè)置單擊時與不在單擊狀態(tài)下的背景

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

其中android:state_pressed="true"表示在組件被單擊時的背景圖片，
android:state_window_focused="false" 表示默認(rèn)時情況下的背景圖片瞬哼，此外還可以設(shè)置：
android:state_focused="true"表示在獲得焦點時的背景圖片
android:state_selected="true"表示被選中時的背景圖片
android:state_enabled="true"表示響應(yīng)時的背景圖片
在實際的開發(fā)中婚肆，我們可以根據(jù)不同的選定狀態(tài)來定義不同的現(xiàn)實效果
在點擊某一個按鈕的時候相對應(yīng)的按鈕字體的顏色也應(yīng)發(fā)生對應(yīng)的變化，這樣的用戶體驗會更好

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--不在單擊狀態(tài)下字體的顏色-->
    <item android:color="@color/blue" android:state_pressed="false" />
    <!--單擊時的顏色-->
    <item android:color="@color/green" android:state_pressed="true" />
</selector>

現(xiàn)在我們來看一下效果

其實如下所示我們可以看到為了設(shè)置一個按鈕選中時的背景圖片的變化坐慰，我們創(chuàng)建了四個XML文件较性，這顯然是沒有必要的，我們可以盡可能少的把這些內(nèi)容整合到一個XML中结胀，這就要用到我們今天所探索的Android中selector和shape的結(jié)合使用

如下就是使用我們的第二種方法來定義當(dāng)我們點擊一個按鈕時按鈕的背景選擇器,是不是簡介了呢赞咙？

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--第一種方法-->
    <!--<item android:drawable="@drawable/shape_border_press" android:state_pressed="true" />-->
    <!--<item android:drawable="@drawable/shape_border_nor" android:state_window_focused="false"/>-->

    <!--第二種方法-->
    <!--默認(rèn)情況下是一個帶圓角,白色背景,藍(lán)色邊框的矩形-->
    <item android:state_window_focused="false">
        <shape android:shape="rectangle">
            <!-- 圓角 -->
            <corners android:radius="5dp" />
            <!--填充顏色為白色-->
            <solid android:color="@color/white" />
            <!-- 描邊 -->
            <stroke android:width="1dp" android:color="@color/blue" />
        </shape>
    </item>
    <!--單擊時是一個帶圓角,白色背景,綠色邊框的矩形-->
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <!--圓角-->
            <corners android:radius="5dp" />
            <!--填充顏色為白色-->
            <solid android:color="@color/white" />
            <!--描邊-->
            <stroke android:width="1dp" android:color="@color/green" />
        </shape>
    </item>
</selector>

（2）帶圓角，藍(lán)色背景糟港，白色邊框的矩形

span style="font-size:18px;"><strong></strong></span><pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--默認(rèn)情況下是一個帶圓角,藍(lán)色背景,白色邊框的矩形-->
    <!--第二種方法-->
    <item android:state_window_focused="false">
        <shape android:shape="rectangle">
            <!--圓角-->
            <corners android:radius="5dp" />
            <!--填充顏色-->
            <solid android:color="@color/blue" />
            <!--描邊-->
            <stroke android:width="1dp" android:color="@color/white" />
        </shape>
    </item>
    <!--單擊時是一個帶圓角,綠色背景,白色邊框的矩形-->
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <!--圓角-->
            <corners android:radius="5dp" />
            <!--填充顏色-->
            <solid android:color="@color/green" />
            <!--描邊-->
            <stroke android:width="1dp" android:color="@color/white" />
        </shape>
    </item>
</selector>

效果圖如下：

（3）帶圓角,白色背景,藍(lán)色虛線邊框的矩形

<?xml version="1.0" encoding="utf-8"?>
<!--背景選擇器-->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--默認(rèn)情況下是一個帶圓角,白色背景,藍(lán)色虛線邊框的矩形-->
    <item android:state_window_focused="false">
        <shape android:shape="rectangle">
            <!--填充顏色為白色-->
            <solid android:color="@color/white" />
            <!--描邊攀操，設(shè)置描邊為虛線，其中android:dashWidth表示'-'這樣一個橫線的寬度秸抚，android:dashGap表示之間隔開的距離-->
            <stroke android:width="1dp" android:color="@color/blue" android:dashGap="2dp" android:dashWidth="10dp" />
            <!-- 圓角 -->
            <corners android:radius="2dp" />
        </shape>
    </item>
    <!--單擊時候是一個帶圓角,白色背景,綠色虛線邊框的矩形-->
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <!--填充顏色-->
            <solid android:color="@color/white" />
            <!--描邊-->
            <stroke android:width="1dp" android:color="@color/green" android:dashGap="2dp" android:dashWidth="10dp" />
            <!-- 圓角 -->
            <corners android:radius="2dp" />
        </shape>
    </item>
</selector>

效果如下：

（4）藍(lán)色背景的圖形

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--默認(rèn)情況下是一個藍(lán)色背景的圓形-->
    <item android:state_window_focused="false">
        <shape android:shape="oval">
            <!--填充個顏色-->
            <solid android:color="@color/blue" />
        </shape>
    </item>
    <!--單擊時是一個綠色背景的圓形-->
    <item android:state_pressed="true">
        <!--填充顏色-->
        <shape android:shape="oval">
            <solid android:color="@color/green" />
        </shape>
    </item>
</selector>