【本文原创，转载许联系作者同意】
在Android日常开发的时候，一个按钮通常会包含按下、禁用、默认三种状态，按钮的背景图片设置为一个selector，这个selector有点类似css中的选择器，可以指定view在不同状态下使用不同的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>
通常对drawable state的应用到这一步就完了，很少进行更升入的研究。
原理：
参见：ColorStateList StateListDrawable AnimatedStateListDrawable， 这些类都会根据状态列表筛选出优先级最高的资源
一 ： state 属性支持
打开Android sdk 的attrs.xml可以看到定义了很多的state，但是并不是每个view都支持全部的状态，而是只支持其中的一个子集
自定义view如何支持某个drawable state？
例如继承ImageView， ImageView本身不支持check state状态, 如何让自定义view支持选中状态，并且显示不同图像
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>
应用：
<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" />
参考:
