使用LiveData和DataBinding进行双向绑定


声明:本文转载自https://my.oschina.net/u/131191/blog/3053513,转载目的在于传递更多信息,仅供学习交流之用。如有侵权行为,请联系我,我会及时删除。

使用LiveData和DataBinding进行双向绑定

1 引入依赖包

dependencies {
    // ...
    implementation "androidx.fragment:fragment:1.0.0"
    implementation "androidx.lifecycle:lifecycle-viewmodel:2.0.0"
    implementation "androidx.lifecycle:lifecycle-extensions:2.0.0"
}

2 开启数据绑定

android {
    dataBinding {
        enabled = true
    }
}

3 建立模型

class AuthenticationInformation(val username: String = "", val encryptedPassword: String = "")

4 建立视图模型

class AuthenticationViewModel() : ViewModel() {

    var authenticationInformation = MutableLiveData<AuthenticationInformation>()

    var username = "Alan"
    set(value) {
        field = value
        authenticationInformation.postValue(AuthenticationInformation(username, encryptPassword(password)))
    }

    var password = ""
    set(value) {
        field = value
        authenticationInformation.postValue(AuthenticationInformation(username, encryptPassword(password)))
    }

    private fun encryptPassword(originalPassword: String): String {
        // ...
        return "******"
    }
}

5 更新布局

<?xml version="1.0" encoding="utf-8"?>
<layout>
    <data>
        <variable name="authenticationViewModel" type="com.tq.livedatabinding.AuthenticationViewModel"/>
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            tools:context=".MainActivity">

        <EditText
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@={authenticationViewModel.content}"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent"/>


    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

6 在Activity中建立绑定关系

class MainActivity : AppCompatActivity() {

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

        var binding: ActivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main)
        binding.authenticationViewModel = ViewModelProviders.of(this).get(AuthenticationViewModel::class.java)
        binding.lifecycleOwner = this
        binding.getAuthenticationViewModel()?.authenticationInformation?.observe(this, object: Observer<AuthenticationInformation>{
            override fun onChanged(authenticationInformation: AuthenticationInformation) {
                Log.d("TEST", authenticationInformation.username)
            }
        })
    }
}

7 在Fragment中建立绑定关系

override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
): View? {
    var binding = ActivityMainBinding.inflate(inflater, container, false)

    binding.authenticationViewModel = ViewModelProviders.of(activity)
            .get(AuthenticationViewModel::class.java)
    binding.lifecycleOwner = activity
    binding.getAuthenticationViewModel()?
            .authenticationInformation?
            .observe(this, object: Observer<AuthenticationInformation> {
                override fun onChanged(authenticationInformation: AuthenticationInformation) {
                    Log.d("TEST", authenticationInformation.username)
                }
            })

    return binding.root
}

本文发表于2019年05月24日 11:00
(c)注:本文转载自https://my.oschina.net/u/131191/blog/3053513,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除.

阅读 1988 讨论 0 喜欢 0

抢先体验

扫码体验
趣味小程序
文字表情生成器

闪念胶囊

你要过得好哇,这样我才能恨你啊,你要是过得不好,我都不知道该恨你还是拥抱你啊。

直抵黄龙府,与诸君痛饮尔。

那时陪伴我的人啊,你们如今在何方。

不出意外的话,我们再也不会见了,祝你前程似锦。

这世界真好,吃野东西也要留出这条命来看看

快捷链接
网站地图
提交友链
Copyright © 2016 - 2021 Cion.
All Rights Reserved.
京ICP备2021004668号-1