使用 ViewModel (Android Studio, Kotlin) 将数据从片段 A 发送到片段 B答案

【问题标题】：Sending data from fragment A to fragment B using ViewModel (Android Studio, Kotlin)使用 ViewModel (Android Studio, Kotlin) 将数据从片段 A 发送到片段 B
【发布时间】：2021-05-20 20:59:00
【问题描述】：

我的用例非常简单。我有两个片段需要使用 ViewModel 进行通信：

LoginFragment 有一个可编辑的电子邮件地址字段，其值需要在另一个片段中接收，称为 ProfileFragment。字符串字段的直接传输。我的想法是从 LoginFragment 输入邮件地址，更新一个共享的 ViewModel，然后在 ProfileFragment 中接收邮件地址。

LoginFramgnet XML：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".LoginFragment">

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

        <EditText
            android:id="@+id/editTextTextEmailAddress"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="50dp"
            android:layout_marginEnd="50dp"
            android:autofillHints=""
            android:backgroundTint="#FF9393"
            android:ems="10"
            android:hint="@string/email"
            android:inputType="textEmailAddress"
            android:textColor="#000000"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

       <Button
            android:id="@+id/btnLogin"
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:background="#FFFDD2B5"
            android:text="@string/login"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="@+id/editTextTextPassword"
            app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintStart_toStartOf="@+id/editTextTextPassword"
            app:layout_constraintTop_toBottomOf="@+id/editTextTextPassword"
            app:layout_constraintVertical_bias="0.37" />
    </androidx.constraintlayout.widget.ConstraintLayout>

</FrameLayout>

LoginFragment.kt

class LoginFragment : Fragment() {

private lateinit var viewModel: LoginFragmentViewModel


override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)

    viewModel = ViewModelProvider(this).get(LoginFragmentViewModel::class.java)

    btnLogin.setOnClickListener {
                Toast.makeText( activity,"${editTextTextEmailAddress.text} is logged in!!", Toast.LENGTH_SHORT).show()

                viewModel.setEmailAddress("${editTextTextEmailAddress.text}")

                Log.i("Info", "${viewModel.emailAddress.value}")

                view.findNavController().navigate(R.id.action_loginFragment_to_profileFragment)
    }

ViewModel.kt：

class LoginFragmentViewModel : ViewModel() {


val emailAddress = MutableLiveData<Any>()

fun setEmailAddress(email:String){
    emailAddress.value = email
}

}

ProfileFragment XML：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ProfileFragment">

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

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

    <TextView
        android:id="@+id/txtEmailAddress"
        android:layout_width="260dp"
        android:layout_height="144dp"
        android:text=""
        android:textSize="14sp" />
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

ProfileFragment.kt：

class ProfileFragment : Fragment() {


private lateinit var viewModel: LoginFragmentViewModel

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)

    viewModel = ViewModelProvider(this).get(LoginFragmentViewModel::class.java)

    viewModel.emailAddress.observe(viewLifecycleOwner, object : Observer<Any>{
        override fun onChanged(t: Any?) {
            txtEmailAddress.text = t!!.toString()
        }
    })
    Log.i("Info", "${viewModel.emailAddress.value}")
}

Log on LoginFragment 记录 ViewModel 中的 emailAddress 已根据 editTextTextEmailAddress 中的输入内容进行了更改。

我到底做错了什么？

【问题讨论】：

您将获得LoginFragmentViewModel 的不同实例 - 查看每个Fragment 中的提供者 - ViewModelProvider(this)... 意思是this，片段是提供者和范围。使用类似：viewModel by activityViewModels<LoginFragmentViewModel>()developer.android.com/topic/libraries/architecture/… 之类的东西，它的作用域是父活动。然而，视图模型不应该成为共享可变状态的垃圾场——它们应该代表单个视图/小部件的状态，共享视图模型会导致不可预测的行为。
如果你不想合并视图模型，我会尝试导航安全参数developer.android.com/guide/navigation/…。它相当简单，如果您只需要传递电子邮件字符串，使用安全参数非常容易。该链接是完成此操作的非常简单的指南。

标签： android kotlin android-fragments mvvm viewmodel

【解决方案1】：

您有两个不同的ViewModel 实例绑定到两个不同的ViewModelStores（表示为片段）。如果您需要共享ViewModel，则需要使用单个ViewModelStore。我相信将这两个片段的ViewModelProvider(this) 更改为ViewModelProvider(requireActivity()) 可以解决问题，但您需要自己找出它是否适合您的设计。

【讨论】：