快捷導(dǎo)航

Android selector的實(shí)例詳解

更新時(shí)間：2017年08月20日 10:50:51 投稿：lqh

這篇文章主要介紹了Android selector的實(shí)例詳解的相關(guān)資料,這里提供實(shí)例幫助大家理解掌握這部分知識(shí)，需要的朋友可以參考下

Android selector的詳解

前言：

StateListDrawable 是一種通過(guò)XML文件來(lái)定義的drawable，使用幾個(gè)不同的圖片來(lái)呈現(xiàn)同一個(gè)圖形，通過(guò)object的狀態(tài)來(lái)實(shí)現(xiàn)切換。例如，一個(gè)Button有幾個(gè)不同的狀態(tài)（按壓，獲取焦點(diǎn)等等），這種情況下，通過(guò)使用 state list drawable，你就可以實(shí)現(xiàn)在不同的狀態(tài)下使用不同的背景圖片。

你可以在一個(gè)XML文件中描述state list。通過(guò)在根節(jié)點(diǎn)selector下定義一個(gè)item元素來(lái)添加每個(gè)圖形。每一各item中使用不同的狀態(tài)屬性來(lái)定義不用的drawable。

當(dāng)每一次狀態(tài)改變的時(shí)候，state list都會(huì)從上到下被遍歷一遍，第一個(gè)與當(dāng)前state相匹配的item將會(huì)被使用—- 這個(gè)選擇并不是作出“最匹配”結(jié)果，而是簡(jiǎn)單的找到第一個(gè)匹配的狀態(tài)。

selector一般都是用來(lái)作為有狀態(tài)改變的View的背景，以此來(lái)達(dá)到當(dāng)用戶(hù)對(duì)View進(jìn)行操作，導(dǎo)致View狀態(tài)改變時(shí)，作出改變，讓用戶(hù)感知View的狀態(tài)變化。

官方說(shuō)明

文件位置：res/drawable/filename.xml

編譯資源類(lèi)型：StateListDrawable

資源引用：

In Java: R.drawable.filename
In XML: @[package:]drawable/filename

語(yǔ)法：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
  android:constantSize=["true" | "false"]
  android:dither=["true" | "false"]
  android:variablePadding=["true" | "false"] >
  <item
    android:drawable="@[package:]drawable/drawable_resource"
    android:state_pressed=["true" | "false"]
    android:state_focused=["true" | "false"]
    android:state_hovered=["true" | "false"]
    android:state_selected=["true" | "false"]
    android:state_checkable=["true" | "false"]
    android:state_checked=["true" | "false"]
    android:state_enabled=["true" | "false"]
    android:state_activated=["true" | "false"]
    android:state_window_focused=["true" | "false"] />
</selector>

更多詳細(xì)說(shuō)明，請(qǐng)查閱xsoftlab

實(shí)際使用

下面做一個(gè)簡(jiǎn)單的實(shí)例，對(duì)Button的背景根據(jù)狀態(tài)做一下處理

XML文件

selector_ts.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:drawable="@color/pink" android:state_pressed="true" />
  <item android:drawable="@color/yellow" android:state_selected="true" />
  <item android:drawable="@drawable/shaperect" android:state_enabled="false" />
  <item android:drawable="@color/stone" android:state_enabled="true" />
</selector>

主布局文件（activity_main.xml）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:focusable="true"
  android:focusableInTouchMode="true"
  android:orientation="vertical"
  android:padding="10dp"
  tools:context="mraz.com.tabdemo.MainActivity">

  <Button
    android:id="@+id/bt_content"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:background="@drawable/selector_ts" />

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="50dp"
    android:orientation="horizontal">


    <Button
      android:id="@+id/bt_selected"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_weight="1"
      android:text="Select"
      android:textAllCaps="false" />

    <Button
      android:id="@+id/bt_disable"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_weight="1"
      android:text="Disable"
      android:textAllCaps="false" />

    <Button
      android:id="@+id/bt_pressed"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_weight="1"
      android:text="Press"
      android:textAllCaps="false" />
  </LinearLayout>
</LinearLayout>

代碼部分比較簡(jiǎn)單，這里就不占用過(guò)多的篇幅了，看下簡(jiǎn)單的效果，大家應(yīng)該就知道如何編寫(xiě)小小的Activity了。

實(shí)際效果