如何用DataBinding修改菜单自定义按钮文本？BindingAdapter未触发问题

我在Toolbar的菜单末尾添加了一个自定义按钮，希望根据ViewPager中Fragment的位置动态修改按钮文本。但BindingAdapter中定义的showButtonText函数始终未触发，此前用相同方式修改普通TextView文本是正常的，当前菜单按钮显示空白无内容。

相关代码 #

BindingAdapter 实现 #

@BindingAdapter("app:showButtonText")
fun showButtonText(buttonView: Button, resId: Int?) {
    buttonView.text = resId?.let(buttonView.context::getString)
        ?: buttonView.context.getString(R.string.next)
}

自定义按钮布局（custom_button.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>
        <variable
            name="viewModel"
            type="com.cupcake.jobsfinder.ui.create_job.CreateJobViewModel" />
    </data>

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

        <Button
            android:id="@+id/next_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:backgroundTint="@color/background"
            android:elevation="0dp"
            android:stateListAnimator="@null"
            app:showButtonText="@{viewModel.jobUiState.titleToolBar}"
            android:textColor="@color/primary"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:textAllCaps="false"
            tools:text="Next"/>

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

菜单布局文件 #

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_next"
        android:title="@string/next"
        app:showAsAction="always"
        app:actionLayout="@layout/custom_button"/>
</menu>

ViewModel 代码 #

package com.cupcake.jobsfinder.ui.create_job

import androidx.lifecycle.LiveData
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.viewModelScope
import com.cupcake.jobsfinder.R
import com.cupcake.jobsfinder.domain.usecase.CreateJobUseCase
import com.cupcake.jobsfinder.ui.base.BaseViewModel
import com.cupcake.jobsfinder.ui.create_job.state.CreateJobUiState
import dagger.hilt.android.lifecycle.HiltViewModel
import kotlinx.coroutines.flow.MutableStateFlow
import kotlinx.coroutines.flow.asStateFlow
import kotlinx.coroutines.flow.update
import kotlinx.coroutines.launch
import javax.inject.Inject

@HiltViewModel
class CreateJobViewModel @Inject constructor(
    private val createJob: CreateJobUseCase
) : BaseViewModel() {

    private val _jobUiState = MutableStateFlow(CreateJobUiState())
    val jobUiState = _jobUiState.asStateFlow()

    private val _event = MutableLiveData<CreateJobEvent>()
    val event: LiveData<CreateJobEvent> = _event


    fun handleEvent(event: CreateJobEvent) {
        when (event) {
            is CreateJobEvent.PageScrolled -> {
                onChangeIndexViewPager(event.index)
            }
        }
    }

    private fun onChangeIndexViewPager(index: Int) {
        _jobUiState.update {
            it.copy(
                titleToolBar = getTitleToolBar(index)
            )
        }
    }
  
    private fun getTitleToolBar(index: Int): Int {
        return if (index == 0) R.string.next else R.string.post
    }
}

现状与预期 #

• 实际效果：CreateJobFragment中该按钮显示空白，无任何文本
• 预期效果：按钮根据ViewPager页面位置，动态显示"Next"或"Post"文本

解决方案 #

问题根源 #

通过app:actionLayout给菜单绑定自定义布局时，系统不会自动将Fragment的ViewModel关联到该布局的DataBinding上，导致布局内的viewModel变量为空，BindingAdapter无法被触发。

修复步骤 #

在Fragment中手动获取菜单的自定义布局，完成ViewModel绑定并设置生命周期所有者：

override fun onCreateOptionsMenu(menu: Menu, inflater: MenuInflater) {
    inflater.inflate(R.menu.your_menu_file_name, menu)
    val menuItem = menu.findItem(R.id.action_next)
    // 获取自定义布局的DataBinding实例
    val binding = CustomButtonBinding.bind(menuItem.actionView)
    // 绑定ViewModel
    binding.viewModel = viewModel
    // 设置LifecycleOwner，确保StateFlow的变化能触发UI更新
    binding.lifecycleOwner = viewLifecycleOwner
    super.onCreateOptionsMenu(menu, inflater)
}

额外调试优化 #

可以在BindingAdapter中添加日志，验证函数是否被调用：

@BindingAdapter("app:showButtonText")
fun showButtonText(buttonView: Button, resId: Int?) {
    Log.d("BindingAdapter", "触发showButtonText，resId: $resId")
    buttonView.text = resId?.let(buttonView.context::getString)
        ?: buttonView.context.getString(R.string.next)
}

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