Android之Selector與Shape的使用

Selector：

在開發過程中，通常我們需要給控件增加點擊的效果，效果如下：

    默認效果                  點擊效果

1、首先準備兩張圖片(默認和點擊時的圖片)

2、右擊res文件夾，新建一個xml文件，在彈出的對話框中，Resource Type 選擇Drawable，Root Element選擇Selector，填入文件名（如：pressed_selector），點擊完成，這時會在res文件夾中生成一個drawable文件夾存放我們創建的xml文件

3、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/ic_pressed"></item> //點擊狀態的圖片
    <item android:drawable="@drawable/ic_normal"></item> //沒有設置狀態則為默認圖片

</selector>

4、之后再布局文件中，在我們要增加點擊效果的控件設置如下屬性，運行后該控件就有點擊效果了

android:background="@drawable/pressed_selector"

5、當然，出了設置點擊時的效果，還可以設置選中狀態、聚焦狀態等等效果

       只要設置相應 android:state_xxx 屬性即可

Shape：

除了給控件設置點擊效果，我們還可以在控件的外觀上給予美化，比如設置圓角、邊框等，這時候就要用到shape了，跟selector一樣創建一個xml文件，Root Element選擇Shape，就會生成shape xml文件，各種屬性參考下面代碼

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

    <!-- 設置圓角 可用radius設置4個方向的圓角，也可分別單獨設置4個圓角-->
    <corners 
        android:radius="2dp"
        android:topLeftRadius="2dp"
        android:topRightRadius="2dp"
        android:bottomLeftRadius="2dp"
        android:bottomRightRadius="2dp" />

    <!-- 描邊，即邊框，默認是實線；dashWidth、dashGap兩個屬性設置虛線 -->
    <stroke
        android:width="2dp"
        android:color="#dcdcdc" 
        android:dashWidth="2dp"
        android:dashGap="3dp"/>

    <!-- 實心，即填充的顏色 -->
    <solid android:color="#ffffff" />
    
    <!-- 漸變 -->
    <gradient
        android:angle="200"
        android:endColor="#00ff00"
        android:startColor="#ffffff" />
    
    <!-- 間隔 -->
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />

</shape>

同樣是給控件設置background屬性即可引入shape效果

android:background="@drawable/shape"

Selector與Shape結合使用：

如果我們要給控件同時設置點擊效果和shape效果，只需要把shape的代碼移植到selector中即可，代碼如下：

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

    <!-- 分別設置點擊時和默認狀態的shape -->
    <item android:state_pressed="true">
        <shape>
            <corners android:radius="20dp" />
            <solid android:color="#e0e0e0" />
        </shape>
    </item>
        
        
    <item>
        <shape>
            <corners android:radius="20dp" />
            <solid android:color="#ffffff" />
        </shape>
    </item>

</selector>