JetPack之DataBinding基础使用

似霰2024-03-23 11:57

目录

  • 一、简介
  • 二、使用
    • [2.1 使用环境](#2.1 使用环境)
    • [2.2 xml文件绑定数据](#2.2 xml文件绑定数据)
    • [2.3 数据绑定的对象](#2.3 数据绑定的对象)
      • [2.3.1 object](#2.3.1 object)
      • [2.3.2 ObseravbleField](#2.3.2 ObseravbleField)
      • [2.3.3 ObseravbleCollection](#2.3.3 ObseravbleCollection)
    • [2.4 绑定数据](#2.4 绑定数据)
  • 三、应用场景

一、简介

DataBinding是谷歌15年推出的library,DataBinding支持双向绑定，能大大减少绑定app逻辑与layout文件的"胶水代码"，例如setText、findViewById等代码。双向绑定，指的是将数据与界面绑定起来，当数据发生变化时会体现在界面上，反过来界面的内容变化也会同步更新到数据上，使用DataBinding能轻松实现MVVM模式。

DataBinding的由来：

注意:

1.DataBinding只是工具而已，并不单独属于某一个模式，大部分情况下MVVM都是使用DataBinding，小部分情况下MVP情况下也可以使用DataBinding。

2.MVVM模式的VM和JetPack的ViewModel组件库是两回事。

二、使用

2.1 使用环境

首先需要在build.gradle下启用dataBinding

java 复制代码 
android {
    compileSdk 34
    defaultConfig {
		......
        minSdk 29
        //启用viewBinding
        viewBinding{
            enabled true
        }
        //启用dataBinding
        //第一种方式
        dataBinding {
            enabled = true
        }
        //第二种方式
        dataBinding.enabled=true
		......

2.2 xml文件绑定数据

新建布局文件

右击出现提示，点击show Context Actions

转换成由DataBinding管理的布局文件

进入布局文件将布局和User关联起来，View--->Model

xml 复制代码 
<?xml version="1.0" encoding="utf-8"?>

<!--layout是由DataBinding管理了，我们整个布局  -->
<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>
        <!-- 不是通过反射-->
        <!-- 生成setuser()函数-->
        <variable
            name="user"
            type="com.myStudy.jetPackTest.dataBindingTest.User" />
    </data>
    <!-- 上面的内容是DataBinding内部用的，安卓View体系不认识
    -->


    <!-- 安卓  View体系的
    下面的所有内容会给安卓绘制
    -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        
        <!--@=  View------------Model -->
        <TextView
            android:id="@+id/dataBinding1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@={user.name}"
            android:textSize="20sp" />

        <TextView
            android:id="@+id/dataBinding2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@={user.password}"
            android:textSize="20sp" />

    </LinearLayout>
</layout>

其中变量user作为被绑定的数据，type指向对应类

java 复制代码 
        <variable
            name="user"
            type="com.myStudy.jetPackTest.dataBindingTest.User" />

属性值通过"@={}"这样的语法表达方式和数据user实现绑定，本例中将TextView的text值设置为user对象的name了：

java 复制代码 
            android:text="@={user.name}"

2.3 数据绑定的对象

DataBinding中有三种不同的数据，object、field、collection

2.3.1 object

创建一个Model User

别忘了继承BaseObservable 和注解,BR处可能会报错，需要接下来和布局绑定在一起，make编译一下方可正常运行。

Observable是提供添加移除监听的一个java接口，DataBinding基于此接口提供了一个基础类BaseObserable,可以这样使用它，通过Bindale注解绑定一个getter，当属性发生改变在setter中发出通知，这样就实现了响应

java 复制代码 
public class User extends BaseObservable {
    private String name;
    private String password;


    public User(String name, String password) {
        this.name = name;
        this.password = password;
    }

    @Bindable   //BR里面标记生成  name数值标记
    public String getName() {
        return name;
    }

    @Bindable    //BR里面标记生成  password数值标记
    public String getPassword() {
        return password;
    }


    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(BR.name);//APT技术  BR文件
    }

    public void setPassword(String password) {
        this.password = password;
        notifyPropertyChanged(BR.password);//APT技术  BR文件
    }
}

2.3.2 ObseravbleField

java 复制代码 
public static class User2 {
   public final ObservableField<String> firstName =
       new ObservableField<>();
   public final ObservableField<String> lastName =
       new ObservableField<>();
   public final ObservableInt age = new ObservableInt();
}

2.3.3 ObseravbleCollection

java 复制代码 
ObservableArrayMap<String, Object> user = new ObservableArrayMap<>();
user.put("Name", "Google");
user.put("password", "123456");
user.put("age", 17);

对应绑定的xml:

xml 复制代码 
<data>
    <import type="android.databinding.ObservableMap"/>
    <variable name="user" type="ObservableMap<String, Object>"/>
</data>
...
<TextView
   android:text='@{user["lastName"]}'
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"/>
<TextView
   android:text='@{String.valueOf(1 + (Integer)user["age"])}'
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"/>
java 复制代码 
ObservableArrayList<Object> user = new ObservableArrayList<>();
user.add("Google");
user.add("123456");
user.add(17);

对应绑定的xml:

xml 复制代码 
<data>
    <import type="android.databinding.ObservableList"/>
    <import type="com.example.my.app.Fields"/>
    <variable name="user" type="ObservableList<Object>"/>
</data>
...
<TextView
   android:text='@{user[Fields.LAST_NAME]}'
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"/>
<TextView
   android:text='@{String.valueOf(1 + (Integer)user[Fields.AGE])}'
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"/>

2.4 绑定数据

创建一个Activity，让Use数据驱动UI,Model---->View

java 复制代码 
public class DataBindingTestActivity extends AppCompatActivity {
    User user;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        DatabindingtestBinding binding = DataBindingUtil.setContentView(this, R.layout.databindingtest);

        user = new User("name", "password");

        binding.setUser(user);//必须要建立联系，否则没有任何效果

        //Model---->View
        new Thread(new Runnable() {
            @Override
            public void run() {
                for (int i = 0; i < 10; i++) {

                    try {
                        Thread.sleep(1000);
                        user.setName(user.getName() + "" + i);
                        user.setPassword(user.getPassword() + "" + i);
                    } catch (InterruptedException e) {
                        throw new RuntimeException(e);
                    }
                }
            }
        }).start();
    }
}

测试一下：

与Activity绑定xml对比，整体示意图：

上述内容为DataBinding双向绑定的基础。DataBinding较为繁重，普通应用开发完全可以用ViewBinding替代。

DataBinding的优缺点：

优点：

  • 简化开发：DataBinding 可以帮助开发者简化数据与 UI 元素之间的绑定，减少手动更新 UI 的工作，提高开发效率。
  • 减少重复代码：通过 DataBinding，可以避免编写大量的重复代码来手动更新 UI 元素，减少代码量，提高代码质量。
  • 实时更新：DataBinding 可以实现数据与 UI 元素的实时绑定，当数据发生变化时，UI 会自动更新，使得用户界面能够及时展示最新的数据。
  • 解耦视图和数据：DataBinding 有助于实现视图和数据的解耦，使得 UI 层和数据模型层之间的关系更加清晰，便于维护和扩展。
  • 提高可维护性：通过使用 DataBinding，可以使代码结构更清晰，逻辑更简洁，降低代码的耦合度，提高代码的可维护性。
    缺点：
  • 学习曲线：对于初学者来说，DataBinding 技术可能需要一定的学习成本，需要掌握相关的概念和用法，可能会增加开发的复杂度。
  • 性能消耗：在某些情况下，使用 DataBinding 可能会引入一定的性能消耗，特别是在大规模数据绑定和频繁更新 UI 的情况下，可能会影响应用的性能。
  • 调试困难：由于 DataBinding 技术会将数据绑定到 UI 上，有时候会使得调试变得困难，特别是在数据与 UI 不一致的情况下，可能需要花费更多的时间来排查问题。
  • 不适用于所有场景：DataBinding 并不适用于所有场景，有些场景下可能并不需要使用 DataBinding 技术，过度使用可能会增加代码复杂度。

三、应用场景

实时数据展示：在需要实时展示数据变化的场景下，DataBinding 可以帮助实现数据与 UI 的实时绑定，使得数据的变化能够即时反映在界面上。例如，在股票行情展示、即时通讯应用等场景中都可以应用 DataBinding 技术。

MVVM 架构：DataBinding 技术通常与 MVVM（Model-View-ViewModel）架构一起使用，MVVM 架构通过 DataBinding 实现了视图与数据模型的解耦，使得界面逻辑更清晰，易于维护和扩展。

参考链接：
DataBinding使用全面详解
Android开发提升效率之DataBinding------基本使用

相关推荐
SimonKing1 小时前
OpenCode AI辅助编程，不一样的编程思路，不写一行代码
java·后端·程序员
FastBean1 小时前
Jackson View Extension Spring Boot Starter
java·后端
Kapaseker2 小时前
Compose 进阶—巧用 GraphicsLayer
android·kotlin
黄林晴2 小时前
Android17 为什么重写 MessageQueue
android
Seven972 小时前
剑指offer-79、最⻓不含重复字符的⼦字符串
java
皮皮林55112 小时前
Java性能调优黑科技！1行代码实现毫秒级耗时追踪，效率飙升300%！
java
冰_河12 小时前
QPS从300到3100：我靠一行代码让接口性能暴涨10倍，系统性能原地起飞！！
java·后端·性能优化
桦说编程15 小时前
从 ForkJoinPool 的 Compensate 看并发框架的线程补偿思想
java·后端·源码阅读
躺平大鹅16 小时前
Java面向对象入门（类与对象，新手秒懂）
java
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw + 飞书（Feishu）环境搭建指南04【OpenClaw 本地实战 Ep.3】突破瓶颈：强制修改 openclaw.json 解锁 32k 上下文记忆05Claude Code + GLM4.7 避坑指南：解决 Unable to connect to Anthropic services06OpenClaw优化飞书API 额度已耗尽问题07OpenClaw大龙虾机器人完整安装教程08Clawdbot部署教程：解决‘gateway token missing’授权问题的完整步骤09Window 10部署openclaw报错node.exe : npm error code 12810小黑课堂计算机二级WPSoffice题库软件下载安装教程（2026年3月最新版）