带覆盖Drawable的View选择器：Android按钮状态效果实现问题

嘿，我看你在实现带按压效果的Button时遇到了Drawable结构的问题对吧？你的代码里把shape直接嵌套在<item>标签里了，这会导致布局解析出错——因为selector里的单个<item>只能指定一个Drawable，要同时显示背景形状和对勾图标，得用layer-list来组合这两个元素才行。下面给你完整的实现方案：

第一步：创建常态和按压状态的背景Shape #

首先分别定义两个椭圆背景的Drawable文件：

常态浅绿色背景（res/drawable/bg_button_normal.xml） #

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="16dp"
        android:height="16dp" />
    <solid android:color="#8BC34A" /> <!-- 浅绿色 -->
</shape>

按压深绿色背景（res/drawable/bg_button_pressed.xml） #

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="16dp"
        android:height="16dp" />
    <solid android:color="#388E3C" /> <!-- 深绿色 -->
</shape>

第二步：创建按压状态的Layer-List（组合背景+图标） #

创建一个layer-list来把深绿色背景和对勾图标叠加在一起（res/drawable/bg_button_pressed_with_icon.xml）：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 底层：深绿色椭圆背景 -->
    <item android:drawable="@drawable/bg_button_pressed" />
    <!-- 上层：对勾图标，可通过left/top等属性调整位置 -->
    <item
        android:drawable="@drawable/ic_check_black_24dp"
        android:gravity="center"
        android:width="12dp"
        android:height="12dp" />
</layer-list>

第三步：创建最终的Selector选择器 #

最后创建一个selector来管理不同状态的显示（res/drawable/button_selector.xml）：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 按压状态：显示带图标的深绿色背景 -->
    <item android:state_pressed="true" android:drawable="@drawable/bg_button_pressed_with_icon" />
    <!-- 常态：显示浅绿色背景 -->
    <item android:drawable="@drawable/bg_button_normal" />
</selector>

第四步：在Button中引用该Selector #

在布局文件里给Button设置这个背景即可：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_selector"
    android:minWidth="16dp"
    android:minHeight="16dp" />

这样你的Button就能实现：常态显示浅绿色椭圆，按压时切换成深绿色椭圆并叠加居中的对勾图标啦～

内容的提问来源于stack exchange，提问作者AnirbanMukherjee