使用 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 组合框不保存更改