安卓--selector簡單使用

selector ---選擇器

在App的使用中經常能看到selector的身影

如:一個按鍵看上去白色或者其它顏色,可能是一張圖片

按下去又顯示其它的顏色或者另外一張圖片

這裡使用shape配合使用

正常狀態

<?xml version="1.0" encoding="utf-8"?>
<!--
rectangle 矩形
oval 橢圓
line 一條線
ring  環形
-->
<shape
    android:shape="rectangle"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <!--4個角的圓角-->
    <corners android:radius="8dp"/>

    <!--內邊距-->
    <padding android:bottom="5dp"
        android:left="3dp"
        android:right="3dp"
        android:top="5dp"/>

    <!--填充顏色-->
    <solid android:color="#09A3DC"/>

    <!--邊框顏色-->

    <stroke android:color="#88000000"
        android:width="1dp"/>

    </shape>

按下狀態

<?xml version="1.0" encoding="utf-8"?>
<!--
rectangle 矩形
oval 橢圓
line 一條線
ring  環形
-->
<shape
    android:shape="rectangle"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <!--4個角的圓角-->
    <corners android:radius="8dp"/>

    <!--內邊距-->
    <padding android:bottom="5dp"
        android:left="3dp"
        android:right="3dp"
        android:top="5dp"/>

    <!--填充顏色-->
    <solid android:color="#0066A0"/>

    <!--邊框顏色-->

    <stroke android:color="#88000000"
        android:width="1dp"/>

    </shape>

selector

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

    <!--按下時顯示這個shape

    android:state_pressed="true"這裡可以有多種狀態選擇,
    -->
    <item android:drawable="@drawable/shap_btn_press" android:state_pressed="true" />

    <!--平時顯示這個shape-->
    <item android:drawable="@drawable/shap_btn_normal"/>



</selector>

佈局中引用

<Button
        android:layout_margin="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="#ffffff"
        android:background="@drawable/selector_main_btn"
        android:text="確定"/>

有圖片就去需要建立一個selector 在drawable指定不同的圖片即可,在ImageView指定background使用selector,再指定相就事件來觸發,

下麵是點擊事件

<selector xmlns:android="http://schemas.android.com/apk/res/android">


    <item android:state_pressed="true" android:drawable="@drawable/ic_menu_add_pressed"/>

    <item android:drawable="@drawable/ic_menu_add_normal"/>

</selector>