DataBinding初步了解和简单使用

本文介绍了Android中的DataBinding库,它简化了视图和数据的绑定,避免了findViewById和手动设置监听器。文章详细讲解了DataBinding的基础用法,包括启用配置、单向和双向数据绑定,并给出了XML布局和Java代码的使用示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

                                         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.案例图片:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值