让我们像拆解一台精密的主题公园游乐设施那样,揭开Android选择器(Selector)实现动态效果的神秘面纱!想象一下:你的按钮(Button)是一位演员,而Selector就是它的智能衣橱系统——不同舞台场景(点击、聚焦等)下自动切换戏服(Drawable)。下面我们从源码角度,结合这个比喻深入解析其魔法原理。
🎪 一、主题公园的比喻:Selector如何工作?
-
演员(View)与舞台状态
- 当按钮被按下(
state_pressed=true),就像演员突然被聚光灯照射(场景变化)。 - 此时,智能衣橱(StateListDrawable) 立刻扫描标签规则:“若在聚光灯下(
pressed),穿红色戏服(@drawable/button_pressed)”。
- 当按钮被按下(
-
衣橱的规则表(selector.xml)
规则定义示例:<selector> <item android:state_pressed="true" android:drawable="@drawable/button_pressed" /> <item android:drawable="@drawable/button_normal" /> <!-- 默认戏服 --> </selector>关键点:规则按顺序匹配!第一个符合条件的戏服直接生效,类似游乐设施的快速通道规则。
🔧 二、源码层:StateListDrawable的魔法引擎
1. 核心类关系
StateListDrawable:智能衣橱总管,管理状态与Drawable的映射。DrawableContainer:衣橱的基架,负责切换当前显示的Drawable(戏服)。StateListState:内部规则记录本,存储所有状态组合(如pressed+focused)对应的Drawable。
2. 状态切换的触发流程
当按钮被按下时:
-
Step 1: View调用
refreshDrawableState(),更新自身状态数组(如[state_pressed])。 -
Step 2: View通知背景Drawable(即StateListDrawable):“状态变了!” → 调用
setState(int[] stateSet)。 -
Step 3:
StateListDrawable.onStateChange()启动规则匹配引擎:protected boolean onStateChange(int[] stateSet) { int idx = mStateListState.indexOfStateSet(stateSet); // 扫描规则表 if (idx < 0) { idx = mStateListState.indexOfStateSet(StateSet.WILD_CARD); // 匹配默认项 } return selectDrawable(idx); // 切换Drawable! } -
Step 4:
selectDrawable(idx)调用父类DrawableContainer的方法,将当前显示的Drawable切换到索引idx对应的戏服。
3. 匹配规则的秘密
- 规则表(
mStateSets)是一个int[][]数组,存储所有状态组合(如{ state_pressed, state_enabled })。 - 匹配优先级:完全匹配 → 通配符匹配(
WILD_CARD)。若未定义默认项,可能“裸奔”(无Drawable)!
🎨 三、性能优化:衣橱的缓存与陷阱
-
为什么顺序重要?
假设规则如下:<item android:state_pressed="true" ... /> <item android:state_focused="true" ... />当按钮既被按下(
pressed)又获得焦点(focused),因pressed在前,它直接匹配第一条规则,focused规则被忽略! -
避免过度绘制
-
问题:Selector嵌套多层或使用大图导致内存飙升。
-
解法:用单图+ColorFilter动态变色替代多图3:
// 动态设置按下时的颜色 drawable.setColorFilter(new PorterDuffColorFilter(Color.RED, Mode.SRC_IN));
-
-
Compose新时代的“Selector”
Jetpack Compose用InteractionSource监听状态,逻辑更简洁:val isPressed by interactionSource.collectIsPressedAsState() Box(modifier = Modifier.background(if (isPressed) Color.Red else Color.Green))原理类似,但告别了XML。
⚙️ 四、动态创建Selector:代码造衣橱
当戏服需动态生成(如从网络下载颜色),可用代码构建:
// 1. 创建智能衣橱
StateListDrawable selector = new StateListDrawable();
// 2. 添加规则:按下时=红色戏服,默认=灰色
selector.addState(new int[]{android.R.attr.state_pressed}, new ColorDrawable(Color.RED));
selector.addState(new int[]{}, new ColorDrawable(Color.GRAY)); // 默认项
// 3. 绑定给按钮
button.setBackground(selector);
此方式避免了XML的静态限制,适合动态主题切换。
💎 总结:Selector的魔法本质
- 规则表驱动:
StateListDrawable是状态→Drawable的映射表,通过onStateChange实时匹配。 - 绘制责任委托:匹配后,由
DrawableContainer将当前Drawable绘制到View上(本质是代理模式)。 - 性能核心:减少图片数量(用Shape/Tint替代),规则表层级扁平化。
🎭 终极比喻:
你的按钮是舞台演员,StateListDrawable是它的AI造型师,DrawableContainer是更衣室。演员一喊“灯光师就位!(state_pressed=true)”,造型师秒查规则表,从更衣室抽出对应戏服——观众看到的,就是丝滑的动态效果!
通过此剖析,下次写Selector时,你就是在导演一场视觉魔法秀🎩✨。