kotlin 如何用dataBinding修改菜单文件中自定义按钮的文本?

gv8xihay  于 2023-06-24  发布在  Kotlin
关注(0)|答案(1)|浏览(127)

我有一个带有菜单的工具栏,它的最后包含一个自定义按钮,我想根据片段在视图页导航中的位置更改此按钮的文本。但是当我调用BindingAdapter中使用的函数showButtonText时,它不会被调用
我已经在文本视图中使用了这种方式,它已经工作了,但是在给定菜单中的自定义按钮没有。
我的代码:

    • BindingAdapter:**
@BindingAdapter("app:showButtonText")
fun showButtonText(buttonView: Button, resId: Int?) {
    buttonView.text = resId?.let(buttonView.context::getString)
        ?: buttonView.context.getString(R.string.next)
}
    • 自定义按钮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>
    • 查看型号:**
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:
我发现一个没有文本的空白按钮只是一个空按钮
This how should look like
This how looks like actually

3phpmpom

3phpmpom1#

您是否尝试过使用:

_jobUiState.value = _jobUiState.value.copy(titleToolBar = getTitleToolBar(index))

更新

你分享的代码似乎没什么问题。在my project中尝试了你的代码后,我发现你的片段中可能缺少了一些东西。
在您的片段中,您可能已经在onViewCreated中设置了绑定视图模型

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    binding.viewModel = viewModel
}

但是,为了使布局能够观察状态流的更改,您需要设置绑定生命周期所有者。
将此代码添加到onViewCreated函数

binding.lifecycleOwner = viewLifecycleOwner

onViewCreated主体应如下所示:

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    binding.viewModel = viewModel
    binding.lifecycleOwner = viewLifecycleOwner
}

参见lifeCycleOwner文档
This similar question也会对你有帮助。

相关问题