使用 MVVM 和数据绑定更改每个片段中的工具栏标题

Question

我希望在我的片段页面中更改位于我的主要活动中的工具栏标题。我的项目基于 MVVM 架构，带有数据绑定。

这是我的 main_activity.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.lalsoft.toolbar_mvvm_databinding.viewmodel.MainViewModel" />
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".view.MainActivity">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:elevation="0dp"
        android:theme="@style/AppTheme.AppBarOverlay">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:minHeight="?attr/actionBarSize"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:titleTextColor="@android:color/white"
            app:navigationIcon="@drawable/ic_arrow_back"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay"
            app:navigationOnClickListener="@{()->viewModel.navBackClicked()}"
            app:title="@{viewModel.toolbarTitle}"/>
    </com.google.android.material.appbar.AppBarLayout>

    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

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

这是我的 mainActivity.kt

private const val TAG = "MainActivity"

class MainActivity : AppCompatActivity() {
private lateinit var viewModel: MainViewModel
private lateinit var dataBinding: ActivityMainBinding

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    dataBinding = DataBindingUtil.setContentView(this, R.layout.activity_main)
    viewModel = ViewModelProvider(this).get(MainViewModel::class.java)
    //setSupportActionBar(dataBinding.toolbar)
    //dataBinding.toolbar.setNavigationIcon(R.drawable.ic_arrow_back)
    viewModel.navClicked.observe(this, navClickObserver)
    viewModel.toolbarTitle.observe(this, toolbarTitleObserver)
    dataBinding.viewModel = viewModel

    if (savedInstanceState == null) {
        supportFragmentManager.beginTransaction().replace(
            R.id.fragment_container,
            FirstFragment()
        ).commit()
    }

}

private val navClickObserver = Observer<Boolean> {
    supportFragmentManager.popBackStack()
    Log.e(TAG, "Nav Back clicked")
}

private val toolbarTitleObserver = Observer<String> {
    Log.e(TAG, "Title set : $it")
}

}

这是我的 MainViewModel

private const val TAG = "MainViewModel"

open class MainViewModel : ViewModel() {
val toolbarTitle: MutableLiveData<String> = MutableLiveData()
private val _navClicked: MutableLiveData<Boolean> = MutableLiveData()
val navClicked: LiveData<Boolean> = _navClicked
init {
    Log.e(TAG, "Inside Init")
    //toolbarTitle.value ="Main Activity"
}

fun navBackClicked() {
    _navClicked.value = true
}

}

现在我正在尝试通过更改我的 mainActivityViewModel 的可变工具栏标题来更改 FragmentViewModel 中的工具栏标题。

private const val TAG = "FirstViewModel"

class FirstViewModel : MainViewModel() {

private val _navigateToDetails = MutableLiveData<Event<String>>()
val navigateToFragment: LiveData<Event<String>>
    get() = _navigateToDetails

init {
    Log.e(TAG, "Inside Init")
    toolbarTitle.value="First Fragment"
}

fun onBtnClick() {
    _navigateToDetails.value = Event("Second Fragment")
}
}

这是我的片段类

private const val TAG = "FirstFragment"

class FirstFragment : Fragment() {
private lateinit var viewModel: FirstViewModel
private lateinit var dataBinding: FirstFragmentBinding

override fun onCreateView(
    inflater: LayoutInflater,
    container: ViewGroup?,
    savedInstanceState: Bundle?
): View? {
    dataBinding = DataBindingUtil.inflate(inflater, R.layout.first_fragment, container, false)
    return dataBinding.root
}

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    viewModel = ViewModelProvider(this).get(FirstViewModel::class.java)
    viewModel.toolbarTitle.observe(viewLifecycleOwner, toolbarTitleObserver)
    viewModel.navigateToFragment.observe(viewLifecycleOwner, navigateToFragmentObserver)
    //(activity as MainActivity?)!!.toolbar.title = "Check"
    dataBinding.viewModel = viewModel

}


private val toolbarTitleObserver = Observer<String> {
    Log.e(TAG, "Title set : $it")
    //(activity as MainActivity?)!!.toolbar.title = "Check"
    //Log.e(TAG, "Title set : Check")
}

private val navigateToFragmentObserver = Observer<Event<String>> { it ->
    it.getContentIfNotHandled()?.let { // Only proceed if the event has never been handled
        Log.i(TAG, "checkIt string $it")
        parentFragmentManager.beginTransaction().replace(
            R.id.fragment_container,
            SecondFragment()
        ).addToBackStack(null).commit()

    }
}
}

尽管它正确地观察了工具栏标题，但我的程序中的标题并没有改变.. 希望得到一些帮助以摆脱这个问题。

这是我尝试执行此操作的示例 git 项目：github

Answer 1

我也遇到了同样的问题！ 我认为问题在于生命周期所有者。但找不到答案。 目前我从 ViewModel 观察值并在观察者内部分配值。 但我认为有更好的方法！

Answer 2

如果您的 Fragment 正在使用 ViewModel，则应将其范围限定为主机 Activity，由 activityViewModels() 委托使用：

    @AndroidEntryPoint
    class HomeFragment : Fragment() {
      private val viewModel: SharedViewModel by activityViewModels()
    }

我认为这个答案也会有所帮助。

https://stackoverflow.com/a/62560605

当您使用 viewModels 时，您正在创建一个作用域为该单个 Fragment 的 ViewModel - 这意味着每个 Fragment 将具有其自己的该 ViewModel 类的单个实例。如果您希望将单个 ViewModel 实例限定为整个 Activity，则需要由 activityViewModels 使用