【本文原創(chuàng)，轉(zhuǎn)載許聯(lián)系作者同意】

在Android日常開(kāi)發(fā)的時(shí)候，一個(gè)按鈕通常會(huì)包含按下、禁用、默認(rèn)三種狀態(tài)，按鈕的背景圖片設(shè)置為一個(gè)selector，這個(gè)selector有點(diǎn)類似css中的選擇器，可以指定view在不同狀態(tài)下使用不同的drawable，例如：
/drawable/s_btn_submit.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/btn_disable" />
    <item android:drawable="@drawable/btn_normal" />
</selector>

通常對(duì)drawable state的應(yīng)用到這一步就完了，很少進(jìn)行更升入的研究。

原理：
參見(jiàn)：ColorStateList　StateListDrawable　AnimatedStateListDrawable，　這些類都會(huì)根據(jù)狀態(tài)列表篩選出優(yōu)先級(jí)最高的資源

一 ： state 屬性支持
打開(kāi)Android sdk 的attrs.xml可以看到定義了很多的state，但是并不是每個(gè)view都支持全部的狀態(tài)，而是只支持其中的一個(gè)子集
自定義view如何支持某個(gè)drawable state？

例如繼承ImageView， ImageView本身不支持check state狀態(tài), 如何讓自定義view支持選中狀態(tài)，并且顯示不同圖像

public class MyCheckableImageView extends AppCompatImageView implements Checkable {

    private static final int[] CHECKED_STATE_SET = {
            android.R.attr.state_checked
    };

    private boolean checked;

    public MyCheckableImageView(Context context) {
        super(context);
    }

    public MyCheckableImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public MyCheckableImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public void setChecked(boolean checked) {
        this.checked = checked;
        refreshDrawableState();
    }

    @Override
    public boolean isChecked() {
        return checked;
    }

    @Override
    public void toggle() {
        setChecked(!isChecked());
    }

    @Override
    public int[] onCreateDrawableState(int extraSpace) {
        final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
        if (isChecked()) {
            mergeDrawableStates(drawableState, CHECKED_STATE_SET);
        }
        return drawableState;
    }
}

二： 自定義state屬性拓展
除了支持android sdk自帶的屬性，例如state_pressed等外，還可以自定義屬性。

首先，在attrs.xml中聲明屬性

<resources>
    <attr name="state_custom1" format="boolean" />
    <declare-styleable name="MyCheckableImageViewState">
        <attr name="state_custom1" />
    </declare-styleable>
</resources>

然后在使用這些屬性

public class MyCheckableImageView extends AppCompatImageView implements Checkable {

    private static final int[] CHECKED_STATE_SET = {
            R.attr.state_custom1
    };

    private boolean checked;

    public MyCheckableImageView(Context context) {
        super(context);
    }

    public MyCheckableImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public MyCheckableImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public void setChecked(boolean checked) {
        this.checked = checked;
        refreshDrawableState();
    }

    @Override
    public boolean isChecked() {
        return checked;
    }

    @Override
    public void toggle() {
        setChecked(!isChecked());
    }

    @Override
    public int[] onCreateDrawableState(int extraSpace) {
        final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
        if (isChecked()) {
            mergeDrawableStates(drawableState, CHECKED_STATE_SET);
        }
        return drawableState;
    }
}

在selector中使用這些屬性：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto">
    <item app:state_custom1="true" android:drawable="@color/colorPrimary"/>
    <item android:drawable="@color/colorAccent"/>
</selector>

應(yīng)用：

    <github.hotstu.myapplication.MyCheckableImageView
        android:id="@+id/image"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_marginTop="200dp"
        android:background="?android:selectableItemBackgroundBorderless"
        app:srcCompat="@drawable/animatedselector" />

參考:

1. advanced-transitions-with-vector-drawable