如何使用DataBinding在Fragment运行时切换按钮背景颜色？

嘿，这个需求用DataBinding来实现其实挺顺畅的，我给你一步步拆解，保证你能快速搞定核心逻辑，还能顺便用上MVVM的最佳实践~

第一步：确保项目启用DataBinding #

首先得给项目开DataBinding的开关，在你的app模块的build.gradle（Module级别）里，找到android代码块，加上这段配置：

android {
    // 其他配置...
    buildFeatures {
        dataBinding true
    }
}

同步一下Gradle，确保DataBinding功能生效。

第二步：创建ViewModel管理按钮状态 #

我们用ViewModel来存当前激活的按钮标识，这样即使Fragment重建（比如屏幕旋转），状态也不会丢失。创建一个ButtonStateViewModel类：

import androidx.lifecycle.LiveData
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.ViewModel

class ButtonStateViewModel : ViewModel() {
    // 用LiveData记录当前激活的按钮标识，比如用"btn1"、"btn2"、"btn3"区分
    private val _currentActiveBtn = MutableLiveData<String>("btn1") // 默认第一个按钮激活
    val currentActiveBtn: LiveData<String> = _currentActiveBtn

    // 处理按钮点击的方法，传入当前点击的按钮标识
    fun onBtnClicked(btnTag: String) {
        _currentActiveBtn.value = btnTag
    }
}

第三步：修改Fragment布局为DataBinding格式 #

把你的Fragment布局文件改成DataBinding结构，根标签换成<layout>，然后在<data>标签里引入ViewModel，给每个按钮绑定点击事件和背景颜色：

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

    <data>
        <!-- 引入我们的ViewModel -->
        <variable
            name="viewModel"
            type="com.yourpackage.ButtonStateViewModel" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="16dp">

        <!-- 第一个按钮 -->
        <Button
            android:id="@+id/btn1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="按钮1"
            android:onClick="@{() -> viewModel.onBtnClicked(`btn1`)}"
            android:background="@{viewModel.currentActiveBtn == `btn1` ? @color/light_blue : @color/silver}" />

        <!-- 第二个按钮 -->
        <Button
            android:id="@+id/btn2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginHorizontal="8dp"
            android:text="按钮2"
            android:onClick="@{() -> viewModel.onBtnClicked(`btn2`)}"
            android:background="@{viewModel.currentActiveBtn == `btn2` ? @color/light_blue : @color/silver}" />

        <!-- 第三个按钮 -->
        <Button
            android:id="@+id/btn3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="按钮3"
            android:onClick="@{() -> viewModel.onBtnClicked(`btn3`)}"
            android:background="@{viewModel.currentActiveBtn == `btn3` ? @color/light_blue : @color/silver}" />

    </LinearLayout>
</layout>

注意：这里的@color/light_blue和@color/silver需要你在res/values/colors.xml里定义好对应的颜色值哦。

第四步：在Fragment中绑定ViewModel和DataBinding #

最后在你的Fragment代码里，初始化DataBinding和ViewModel，把它们关联起来：

import android.os.Bundle
import androidx.fragment.app.Fragment
import androidx.lifecycle.ViewModelProvider
import androidx.databinding.DataBindingUtil
import com.yourpackage.R
import com.yourpackage.databinding.YourFragmentLayoutBinding // 这个Binding类是自动生成的，名字是布局文件名转驼峰加Binding

class YourFragment : Fragment() {
    private lateinit var binding: YourFragmentLayoutBinding
    private lateinit var viewModel: ButtonStateViewModel

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        // 初始化DataBinding
        binding = DataBindingUtil.inflate(inflater, R.layout.your_fragment_layout, container, false)
        
        // 初始化ViewModel
        viewModel = ViewModelProvider(this)[ButtonStateViewModel::class.java]
        
        // 把ViewModel绑定到布局里
        binding.viewModel = viewModel
        
        // 设置生命周期所有者，让LiveData能自动更新UI
        binding.lifecycleOwner = viewLifecycleOwner
        
        return binding.root
    }
}

核心逻辑说明 #

• 点击任意按钮时，ViewModel的onBtnClicked方法会更新currentActiveBtn的LiveData值
• DataBinding会自动监听LiveData的变化，实时更新每个按钮的背景颜色：如果当前按钮的标识和currentActiveBtn一致，就显示蓝色激活态，否则显示银色未激活态
• 用ViewModel管理状态，能避免Fragment重建时状态丢失，这比直接在Fragment里存变量要靠谱得多

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