Android 手機衛士--參照文檔編寫選擇器

本文來實現《Android 手機衛士--導航界面1的佈局編寫》中的圖片選擇器部分的代碼。

本文地址：http://www.cnblogs.com/wuyudong/p/5944356.html，轉載請註明出處。

這個可以參考官網提供的API文檔 圖片選擇器編寫 在選中和未選中的過程中,切換展示圖片 http://wear.techbrood.com/guide/practices/screens_support.html

依次選擇如下條目：AppResource--->Resource Types----->Drawable---->StateList

找到文檔中相關的語法格式與示例代碼：

selector放置的路徑res/drawable/button.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" /> <!-- 選中按鈕圖片 -->
        <item android:state_focused="true"
          android:drawable="@drawable/button_focused" /> <!-- 按鈕獲取焦點圖片 -->
        <item android:state_hovered="true"
          android:drawable="@drawable/button_focused" /> <!-- 平板電視,懸浮選中某個應用圖片 -->
        <item android:drawable="@drawable/button_normal" /> <!-- 預設圖片-->
    </selector>

上面的作用於下麵的Button按鈕

    <Button
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:background="@drawable/button" />

於是我們可以參考api文檔的做法，寫出下麵的代碼：

新建drawable/selector_next_btn_bg.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/function_greenbutton_pressed"></item>

    <!-- 淺綠色圖片 -->
    <item android:drawable="@drawable/function_greenbutton_normal"></item>
</selector>

接著添加Button控制項佈局代碼：

        <!-- 圖片選擇器,在選中和未選中的過程中,切換展示圖片 -->
        <Button
            android:text="下一頁"
            android:background="@drawable/selector_next_btn_bg"
            android:drawableRight="@drawable/next"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

效果如下：

運行項目後，點擊“下一頁”按鈕後，確實顏色深淺發生變化