该demo要做的事是,在进入一个页面,使用viewModel中的LiveData数据,对输入框进行修改,通过双向绑定,LiveData数据也随之改变,在提交的时候,直接提交该LiveData数据即可。
小demo演示效果:
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<InfoBean>()
}
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()
}
}
}
在布局文件中使用双向绑定:
<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.example.databindingex.MyViewModel" />
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/tvAge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="年龄:"
android:textSize="16sp"
android:textColor="@color/black"
android:layout_marginTop="50dp"
android:layout_marginLeft="60dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<EditText
android:id="@+id/etAge"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text='@={viewModel.data.age+""}'
android:textSize="16sp"
android:textColor="#000"
android:inputType="number"
app:layout_constraintTop_toTopOf="@id/tvAge"
app:layout_constraintBottom_toBottomOf="@id/tvAge"
app:layout_constraintLeft_toRightOf="@id/tvAge"
android:layout_marginLeft="20dp"/>
<TextView
android:id="@+id/tvHight"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="身高:"
android:textSize="16sp"
android:textColor="@color/black"
android:layout_marginTop="50dp"
android:layout_marginLeft="60dp"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toBottomOf="@id/tvAge"/>
<EditText
android:id="@+id/etHeight"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text='@={viewModel.data.height+""}'
android:textSize="16sp"
android:textColor="#000"
android:inputType="number"
app:layout_constraintTop_toTopOf="@id/tvHight"
app:layout_constraintBottom_toBottomOf="@id/tvHight"
app:layout_constraintLeft_toRightOf="@id/tvHight"
android:layout_marginLeft="20dp"/>
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_margin="40dp">
<Button
android:id="@+id/btnPost"
android:layout_width="match_parent"
android:layout_height="45dp"
android:text="提交"
android:gravity="center" />
</ScrollView>
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
为什么能实现双向绑定呢?我这里猜想是:首先LiveData的监听能实现一个方向的监听。而databinding通过自动生成的代码,发现这个有了Edittext的双向,就会生成edittext的addTextChangeListener事件监听从而实现数据改变修改liveData的值。