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

Posted

技术标签:

【中文标题】使用 MVVM 和数据绑定更改每个片段中的工具栏标题【英文标题】:Changing toolbar title in each fragment using MVVM and Databinding 【发布时间】:2020-12-20 17:04:37 【问题描述】:

我希望在我的片段页面中更改位于我的主要活动中的工具栏标题。我的项目基于 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_
android:layout_
tools:context=".view.MainActivity">

<LinearLayout
    android:layout_
    android:layout_
    android:orientation="vertical">

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

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:minHeight="?attr/actionBarSize"
            android:layout_
            android:layout_
            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_
        android:layout_/>

</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

【问题讨论】:

【参考方案1】:

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

【讨论】:

【参考方案2】:

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

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

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

https://***.com/a/62560605

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

【讨论】:

以上是关于使用 MVVM 和数据绑定更改每个片段中的工具栏标题的主要内容,如果未能解决你的问题,请参考以下文章

在 MVVM 中的 Datagrid 中绑定 WPF 组合框不保存更改

如何使用视图绑定从片段更改父活动中的视图[重复]

Xamarin,xaml 中的标签文本不会随着 MVVM Helpers 的属性更改而更改

Kendo UI - 属性更改 MVVM

MVVM 架构与数据绑定库

当 MVVM 中的属性更改时通知可观察集合