Android：如何根据AppCompatButton的启用状态设置背景图？

已创建两个矢量图button_active.xml和button_inactive.xml并放入drawable文件夹，期望实现一个在ConstraintLayout中居中、尺寸固定为48x48dp的AppCompatButton，使其根据enabled状态自动切换对应背景图。尝试以下代码后未成功，寻求解决方案：

Fragment XML #

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
        <import type="android.view.View" />
        <variable
            name="vm"
            type="TestViewModel" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <androidx.appcompat.widget.AppCompatButton
            style="@style/TestStyle"
            android:layout_width="48dp"
            android:enabled="@{vm.enabled}"
            android:layout_height="48dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

styles.xml #

<style name="TestStyle" parent="Widget.AppCompat.Button">
    <item name="background">@drawable/test_button_selector</item>
</style>

drawable/test_button_selector.xml #

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

以下是逐一排查修复的方向：

1. 确保ViewModel的enabled属性为可观察类型 #

如果vm.enabled不是LiveData或ObservableField，UI无法感知状态变化。修改ViewModel：

class TestViewModel : ViewModel() {
    val enabled = MutableLiveData<Boolean>(true) // 初始状态可自定义
}

同时在Fragment中绑定生命周期所有者，确保DataBinding能响应数据变化：

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    val binding = FragmentTestBinding.inflate(layoutInflater)
    binding.vm = viewModel
    binding.lifecycleOwner = viewLifecycleOwner
    view.rootView = binding.root
}

2. 修正Button Style，清除默认背景干扰 #

AppCompatButton的默认父样式自带背景，可能覆盖自定义selector。更新styles.xml：

<style name="TestStyle" parent="Widget.AppCompat.Button">
    <item name="android:background">@null</item>
    <item name="android:background">@drawable/test_button_selector</item>
    <!-- 移除默认padding和最小尺寸，避免矢量图被挤压 -->
    <item name="android:padding">0dp</item>
    <item name="android:minWidth">0dp</item>
    <item name="android:minHeight">0dp</item>
</style>

3. 优化Selector的状态匹配逻辑 #

添加默认兜底项，确保所有状态都有对应背景：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/button_active" android:state_enabled="true" />
    <item android:drawable="@drawable/button_inactive" /> <!-- 默认匹配disabled状态 -->
</selector>

4. 启用矢量图兼容支持 #

如果低版本系统无法显示矢量图，在Module级build.gradle中配置：

android {
    defaultConfig {
        vectorDrawables.useSupportLibrary = true
    }
}

5. 直接设置背景测试Selector有效性 #

先绕过Style，直接在Button标签中设置背景，验证selector是否正常工作：

<androidx.appcompat.widget.AppCompatButton
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:enabled="@{vm.enabled}"
    android:background="@drawable/test_button_selector"
    android:padding="0dp"
    android:minWidth="0dp"
    android:minHeight="0dp"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent" />

若此方式有效，说明问题出在Style配置，再针对性调整即可。

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