DataBinding数据绑定
一.DataBinding
1.DataBinding是什么
DataBinding 名为数据绑定,帮我们实现 view 和 data 绑定的工具,把数据映射到 view 的 xml中,可以在 xml 布局文件中实现 view 的赋值、方法的调用。使用 DataBinding 后,我们不用再写 findViewById,不用再获取控件对象,不用再设置监听,可以节省我们 activity 中的很多获取控件、赋值、添加监听所需要的代码。
2.DataBinding 的初步使用
首先设置使用 Databinding,在 app module 的 build.gradle 中添加如下代码即可。DataBinding 在 gradle 中的表现形式就是 DataBinding 相关的 task 编译任务了,我们 enabled = true 之后,在编译时就会执行 DataBinding 的 task 了。
android {
...
dataBinding {
enabled = true
}
...
}
3.双向绑定
DataBinding的本身是对View层状态的一种观察者模式的实现,通过让View与ViewModel层可观察的对象(比如LiveData)进行绑定,当ViewModel层数据发生变化,View层也会自动进行UI的更新。
上述我讲的是DataBinding最基础的用法,即 单向绑定 ,其优势在于,将View层抽象为一个纯Java的可观察者——这意味着ViewModel层相关代码是完全可直接用于进行单元测试。
但实际的开发中,单向绑定并非是足够的,在一些特定的场景,我们也需要用到 双向绑定。
比如说,对于一个TextView的内容展示,一般情况下,我们只是用来通过将一个String类型的数据对其进行渲染:
显而易见,数据的流向是单向的,换句话说,我们认为TextView对DataSource只进行了 读 操作——如果此时进行了网络请求,我们需要用到DataSource某个属性作为参数,我们依然可以毫无顾忌从DataSource取值。
但是换一个场景,如果我们把TextView换成一个EditText,接下来我们需要面对的则截然不同,比如登录界面:
这似乎没有什么问题,我们依然通过一个LiveData对EditText进行了单向绑定:
问题发生了,当我们对 输入框 进行编辑,EditText的UI发生了变更,但是LiveData内的数据却没有更新,当我们想要在ViewModel层请求登录的API接口时,我们就必须要去通过editText.getText()才能获取用户输入的密码。
于是我们希望,即使是EditText的内容发生了变更,但是LiveData内的数据也能和EditText保持内容的同步——这样我们就不需要让ViewModel层持有View层的引用,在请求接口时,直接从LiveData中取值即可:这就是双向绑定的意义。
注意:双向绑定使用 @={} 表达式来实现
环境要求:Android Studio 2.1 Preview 3之后版本,gradle:2.1.0-alpha3之后版本
4.布局绑定,在xml布局文件中使
<?xml version="1.0" encoding="utf-8"?
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<variable
name="user"
type="com.dawn.mvvmanddatabinding.bean.UserBean"/>
<import type="com.dawn.mvvmanddatabinding.bean.UserBean" alias="UserBean2"/>
<variable
name="user2"
type="UserBean2"/>
<variable
name="people"
type="com.dawn.mvvmanddatabinding.bean.People"/>
<variable
name="clickListener"
type="android.view.View.OnClickListener"/>
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="数据单休绑定一:" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{`姓名:`+user.name}" />
<!--注意:这里age是int类型,必须转化为String,否则会运行时异常-->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{`年龄:`+String.valueOf(user.age)}" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="数据单休绑定二:" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{`user2:`+user2.name}" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="双向绑定:" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@={people.life}" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{people.life}" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="点击事件" />
<Button
android:id="@+id/click_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="@{clickListener}"
android:text="OkHttp数据请求" />
<Button
android:id="@+id/click2_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="@{clickListener}"
android:text="MVVM结合DataBinding" />
<Button
android:id="@+id/click3_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="@{clickListener}"
android:text="MVVM结合DataBinding和RecyclerView" />
</LinearLayout>
</layout>
注意 dataBinding 在 xml 中的使用规则:
- 使用 DataBinding 必须要使用 <layout> 这个标签作为 xml 的根部局
- 所有 DataBinding 的内容都写在 <data >标签内
- <import > 是导入所使用的对象的类型
- <variable > 是具体声明一个数据对象,<name> 是这个对象的名字,<type> 是这个对象的类型,<variable > 可以有多个
- 使用 @{ } / @{user.name} 的方式可以把这个声明出来的数据对象的某个数据设置给我们的view
5.java 代码的使用部分
6.案例图片: