LiveData+DataBinding双向绑定

时间:2021-6-4 作者:qvyue

该demo要做的事是,在进入一个页面,使用viewModel中的LiveData数据,对输入框进行修改,通过双向绑定,LiveData数据也随之改变,在提交的时候,直接提交该LiveData数据即可。

小demo演示效果:
LiveData+DataBinding双向绑定
1.添加需要用到的依赖:
    implementation "androidx.lifecycle:lifecycle-viewmodel:2.0.0"
    implementation "androidx.lifecycle:lifecycle-extensions:2.0.0"
2.创建简单的viewModel
class MyViewModel: ViewModel() {
    var data = MutableLiveData()
}
3.MainActivity代码如下,创建viewModel对象和dataBinding对象,并设置初始数据。
class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        var dataBinding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        dataBinding.lifecycleOwner = this
        var viewModel = ViewModelProviders.of(this).get(MyViewModel::class.java)
        dataBinding.viewModel = viewModel

        viewModel.data.value = InfoBean(28, 178)

        btnPost.setOnClickListener {
            Toast.makeText(applicationContext, "修改后 年龄:${viewModel.data.value?.age}  身高:${viewModel.data.value?.height}", Toast.LENGTH_SHORT).show()
        }
    }
}

在布局文件中使用双向绑定:


        

为什么能实现双向绑定呢?我这里猜想是:首先LiveData的监听能实现一个方向的监听。而databinding通过自动生成的代码,发现这个有了Edittext的双向,就会生成edittext的addTextChangeListener事件监听从而实现数据改变修改liveData的值。

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。