mvvm - MVVM - 自定义模型的 MutableLiveData 没有通过数据绑定更新到 ViewModel 并且始终为空
问题描述
概括:
当我尝试向存储库发送自定义模型时,MutableLiveData 为空。我认为这是因为 MutableLiveData 的观察者。
请读到最后。
视图模型
class LoginViewModel @Inject constructor(
private val repository: MyRepository) : ViewModel() {
var loginModel: MutableLiveData<LoginModel>
init {
loginModel = MutableLiveData<LoginModel>()
}
fun loadUser(): LiveData<Response<Custom<Token>>> {
return repository.login(loginModel.value!!)
}
}
正如你在这里看到的,我有一个 MutableLiveData
我的LoginModel是这样的
data class LoginModel(var user : String, var password : String)
使用数据绑定和与上面的 ViewModel 绑定来定义片段。
login_fragment.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"
tools:context="com.app.example.view.BaseActivity">
<data>
<variable
name="viewModel"
type="com.app.example.view.login.LoginViewModel" />
</data>
<android.support.constraint.ConstraintLayout
android:id="@+id/activityMain"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_login">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="80dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_marginTop="80dp"
app:cardCornerRadius="7dp"
app:cardElevation="22dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center|top"
android:layout_marginTop="60dp"
android:text="@string/bienvenido_text"
android:textAllCaps="true"
android:textSize="20sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="20dp"
android:orientation="vertical">
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:id="@+id/etEmail"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:cursorVisible="true"
android:text="@{viewModel.loginModel.user}"
android:gravity="center|start|bottom"
android:hint="@string/email_text"
android:inputType="textEmailAddress"
android:maxLength="50"
android:paddingBottom="10dp"
android:textSize="18sp" />
</android.support.design.widget.TextInputLayout>
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:passwordToggleEnabled="true">
<android.support.design.widget.TextInputEditText
android:id="@+id/etPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginTop="30dp"
android:cursorVisible="true"
android:gravity="center|start|bottom"
android:hint="@string/contrasenia_text"
android:text="@{viewModel.loginModel.password}"
android:inputType="textPassword"
android:maxLength="50"
android:paddingBottom="10dp"
android:textSize="18sp" />
</android.support.design.widget.TextInputLayout>
<Button
android:id="@+id/btnServerLogin"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="15dp"
android:padding="10dp"
android:text="@string/ingresar_text"
android:textSize="18sp" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|center"
android:layout_marginBottom="40dp"
android:orientation="horizontal">
</LinearLayout>
</android.support.v7.widget.CardView>
</android.support.constraint.ConstraintLayout>
</layout>
使用数据绑定,我已经实现了etEmail和模型 UserModel的属性用户之间的关系,并且我已经实现了etPassword 和属性密码之间的关系
当用户点击btnServerLogin时,LoginFragment将执行以下代码
binding.btnServerLogin.setOnClickListener {
loginViewModel!!.loadUser().observe(this, Observer<Response<Custom<Token>>> { this.handleResponse(it) })
}
这就是问题所在。
kotlin.KotlinNullPointerException
有原因是因为loginModel.value!!一片空白
fun loadUser(): LiveData<Response<Custom<Token>>> {
return repository.login(loginModel.value!!)
}
MutableLiveData 的值始终为空。我虽然它会在您输入电子邮件或密码的 EditText 的同时发生变化。
这是我在其中初始化 ViewModel 的 LoginFragment OnActivityCreated 的代码
override fun onActivityCreated(savedInstanceState: Bundle?) {
super.onActivityCreated(savedInstanceState)
setHasOptionsMenu(true)
DeviceUtils.setTranslucentStatusBar(activity!!.window, R.color.colorPrimaryDark)
loginViewModel = ViewModelProviders.of(this, viewModelFactory)
.get(LoginViewModel::class.java)
binding.setLifecycleOwner(this)
binding.viewModel = loginViewModel
binding.btnServerLogin.setOnClickListener {
mPostsViewModel!!.loadUser().observe(this, Observer<Response<RespuestaModel<JwtTokenModel>>> { this.handleResponse(it) })
}
return
}
我究竟做错了什么?我需要添加特定的观察者吗?
谢谢
解决方案
感谢@communistWatermelon,我能够解决一部分问题,但这还不够。这是完整的解决方案:
一方面,我们必须初始化 MutableLiveData 的 value 属性,正如@communistWatermelon 所说:
var loginModel: MutableLiveData<LoginModel> = MutableLiveData()
init {
loginModel.value = LoginModel()
}
另一方面,我们需要在布局中正确设置绑定
在@{variable.field} 的情况下,绑定器将生成一段代码以通过调用 variable.getField() 来获取值。请注意,如果未提供,则活页夹会隐含地为“get”单词添加前缀。所以 @{variable.getField()} 是一个明确的有效选项。
在 @={variable.field} 的情况下,活页夹将创建与以前相同的代码,但具有用于从视图获取值并将其设置回对象的附加代码
看完之后,我们需要改变绑定的方式
android:text="@{viewModel.loginModel.password}"
android:text="@{viewModel.loginModel.user}"
至
android:text="@={viewModel.loginModel.password}"
android:text="@={viewModel.loginModel.user}"
编辑
对于那些没有使用上述解释解决的人,请尝试使用以下行在您的片段中注册生命周期所有者:
binding.setLifecycleOwner(this)
好编码!
推荐阅读
- python-3.x - 在计算文件夹中每个文本文件的复合情绪值的平均值时遇到问题
- php - For loop concatenation
- android - 不同用户的访问权限。安卓
- python - 如何使用烧瓶设置输入文本的值?
- android - Applozic:如何向用户显示第一条未读消息而不是最新的未读消息?
- visual-studio-2015 - 从 ReSharper 中找到所有“未知 CSS 类”警告
- angular - 在 Angular 2 中的 li 项目上实现文本验证
- c++ - Collatz Conjecture c++ 奇怪的输出与大数字
- python - 在 Python 中读取 .txt 文件时无意的字符带
- vue.js - 为什么我的 Vue 组件不返回值?