StateListDrawable使用详解

drawable state系列文章
XML类型的drawable图片的解析处理过程

StateListDrawable使用详解

详解refreshDrawableList()的执行流程

Checkable Views

Android中自定义drawable states

===============================================

前面介绍了XML类型的drawable图片的解析处理过程 ,我们知道，以xml定义的drawable文件其实对应的就是一个StateListDrawable实例，StateListDrawable是Drawable的子类，所以下面还是决定好好说说StateListDrawable。

还是举前面的那个例子：

1、在res/drawable文件下创建selector.xml，示例代码如下：

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item        android:state_pressed="false"        android:drawable="@drawable/title_button_back">    </item>    <item        android:state_pressed="true"        android:drawable="@drawable/title_button_back_h">    </item>    <item        android:state_window_focused="false"        android:drawable="@drawable/title_button_back">    </item></selector>

2、编写布局文件，为布局文件中的ImageButton设置selector，示例代码如下：

<?xml version="1.0" encoding="utf-8"?>  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_height="wrap_content"     android:layout_width="fill_parent">      <Button         android:id="@+id/title_IB"        android:layout_height="wrap_content"         android:layout_width="wrap_content"         android:background="@drawable/selector"         android:layout_marginRight="4dp"         android:layout_centerVertical="true">    </Button>  </RelativeLayout>

通过前面XML类型的drawable图片的解析处理过程 的分析，我们知道，selector.xml会被解析成一个StateListDrawable对象，在StateListDrawable的内部有一个StateListState对象，在StateListState对象里面有一个mStateSets的二维数组，StateListState的父类DrawableContainerState里面有一个mDrawables的图片数组，还是把这个类图的图片贴出来。

在我们解析xml的时候，首先得到第一个item,然后把item里面的状态放进一个一维数组stateSet,把drawable对应的图片也解析出来，接着就把这个一维数组stateSet放入mStateSets的二维数组的第0项，把drawable图片放入mDrawables数组的第0项，这样这个状态集合与图片资源通过下标进行了对应，接着就是xml文件中的第二个item，同样的方法把状态集合和图片资源放入mStateSets的二维数组和mDrawables数组的第1项，以此类推。这样整个xml的drawable和StateListDrawable就对应起来了。

上面所说的是系统帮我们处理的整个过程，这个过程在上面的文章XML类型的drawable图片的解析处理过程 中详细的介绍过，下面我们要做的就是我们怎样手动的用代码来写个StateListDrawable，并且同样实现上面xml定义drawable的功能。

我们直接写代码，然后进行分析。

//初始化一个空对象StateListDrawable stalistDrawable = new StateListDrawable();//获取对应的属性值 Android框架自带的属性 attrint pressed = android.R.attr.state_pressed;int focused = android.R.attr.state_focused;stalistDrawable.addState(new int []{-pressed}, getResources().getDrawable(R.drawable.title_button_back));stalistDrawable.addState(new int []{pressed}, getResources().getDrawable(R.drawable.title_button_back_h);stalistDrawable.addState(new int []{-focused }, getResources().getDrawable(R.drawable.title_button_back);//没有任何状态时显示的图片，我们给它设置我空集合stalistDrawable.addState(new int []{}, getResources().getDrawable(R.drawable.title_button_back);

上面的“-”负号表示对应的属性值为false

由于我们把上面的整个解析过程已经弄清楚了，那么stalistDrawable.addState里面到底干了什么，我们也可以来看看。

public void addState(int[] stateSet, Drawable drawable) {    if (drawable != null) {        mStateListState.addStateSet(stateSet, drawable);        // in case the new state matches our current state...        onStateChange(getState());    }}

看到没有它里面执行的还是mStateListState的addStateSet方法，这个更我们解析xml文件的做法是一致的.
mStateListState就是一个StateListState对象，StateListState是StateListDrawable的静态内部类，我们来看看具体的实现：

int addStateSet(int[] stateSet, Drawable drawable) {    final int pos = addChild(drawable);    mStateSets[pos] = stateSet;    return pos;}

它会执行addChild函数,StateListState没有实现这个函数，它直接继承自它的父类DrawableContainerState,DrawableContainerState是DrawableContainer类的静态内部类：

public final int addChild(Drawable dr) {    final int pos = mNumChildren;    if (pos >= mDrawables.length) {        growArray(pos, pos+10);    }    dr.setVisible(false, true);    dr.setCallback(mOwner);    mDrawables[pos] = dr;    mNumChildren++;    mChildrenChangingConfigurations |= dr.getChangingConfigurations();    mCheckedStateful = false;    mCheckedOpacity = false;    mConstantPadding = null;    mPaddingChecked = false;    mComputedConstantSize = false;    return pos;}

看到没有做法一模一样，同样是把它们放入mStateSets的二维数组和mDrawables数组数组中，现在整个思路应该很清楚了。

下面我们就不使用xml来定义这个drawable,我们直接使用代码来写一个，也可以实现同样的效果：

activity_main.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_height="wrap_content"    android:layout_width="fill_parent">    <Button    android:id="@+id/title_IB"    android:layout_height="wrap_content"    android:layout_width="wrap_content"    android:layout_marginRight="4dp"    android:layout_centerVertical="true"></Button></RelativeLayout>

我们可以看到，跟上面的那个布局的区别就是它没有background属性。

MainActivity代码：

package com.xxx.cn.mystatelistdrawable;import android.app.Activity;import android.graphics.drawable.StateListDrawable;import android.os.Bundle;import android.widget.Button;public class MainActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        Button button = (Button) findViewById(R.id.title_IB);        button.setBackground(initStateListDrawable());    }    private StateListDrawable initStateListDrawable() {        //初始化一个空对象        StateListDrawable stalistDrawable = new StateListDrawable();        //获取对应的属性值 Android框架自带的属性 attr        int pressed = android.R.attr.state_pressed;        int focused = android.R.attr.state_focused;        stalistDrawable.addState(new int []{-pressed}, getResources().getDrawable(R.drawable.title_button_back));        stalistDrawable.addState(new int []{pressed}, getResources().getDrawable(R.drawable.title_button_back_h));        stalistDrawable.addState(new int []{-focused }, getResources().getDrawable(R.drawable.title_button_back));        //没有任何状态时显示的图片，我们给它设置我空集合        stalistDrawable.addState(new int []{}, getResources().getDrawable(R.drawable.title_button_back));        return stalistDrawable;    }}

参考文章：

Android中View(视图)绘制不同状态背景图片原理深入分析以及StateListDrawable使用详解