Jetpack组件之数据绑定组件——DataBinding

Jetpack组件系列文章目录

1. Jetpack组件之数据绑定组件——DataBinding
2. Jetpack组件之生命周期感知组件——LifeCycles

---

---

前言

本文是Jetpack组件专题的第一篇，Jetpack是Google官方在2018年推出的一套组件库，用来帮助开发者更轻松地编写优质应用。包含四大模块：Architecture（ 架构组件）、Foundation(基础组件)、Behavior（行为组件）、UI(界面组件)。

工欲善其事,必先利其器。一起来学习先进的组件知识。

一、Data Binding是什么？

Data Binding是一个实现数据数据和UI绑定的框架，是构建MVVM模式的一个工具。可以对数据进行单向和双向绑定，并且在数据变化的时候，可以自动刷新数据。

1、优点

1. 谷歌原生支持
2. 代码简洁
3. 性能好，没有反射，比直接findViewById要好
4. 自动检查空指针
5. 减少代码线程切换更新UI

2、局限性

1. 与某些技术冲突。比如dragger2，插件化技术，热修复技术
2. Data Binding依赖与XML布局，Data Binding插件会根据xml文件内容生成代码，因此无法支持在代码中动态生成View

二、使用步骤

1.打开dataBinding功能

    dataBinding{
        enabled = true
    }

2.修改布局

将普通布局调整为dataBinding布局，光标定位在根部局上，windows使用alt + enter，mac使用option + enter。

布局点击切换之后界面变成下方所示，根节点变为layout，同时增加了一个data的标签。

<?xml version="1.0" encoding="utf-8"?>
<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>

    </data>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingTop="50dp"
        tools:context=".MainActivity">

        <TextView
            android:id="@+id/tv_jump"
            android:layout_centerHorizontal="true"
            android:textColor="@color/black"
            android:textSize="32px"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="jump" />

        <TextView
            android:id="@+id/tv_close"
            android:layout_marginTop="80px"
            android:layout_centerHorizontal="true"
            android:textColor="@color/black"
            android:textSize="32px"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="close" />

    </RelativeLayout>
</layout>

3.创建model类

传建一个model类，用来xml和view建立绑定关系。

public class User {
    private String firstName;
    private String lastName;
  }

3.布局中引用数据，关联model

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
        <variable
            name="user"
            type="com.example.addtask.model.User" />
    </data>

     <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".BindingActivity">

        <LinearLayout
            android:orientation="vertical"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <TextView
                android:text="@{user.firstName}"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

        <TextView
                android:text="@{user.lastName}"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
        </LinearLayout>
    </RelativeLayout>
</layout>

3.生成dataBinding类

点击build >> make build,会自动生成一个dataBinding类，后续将用这个实例搞事情。

3.获取dataBing实例，绑定数据

public class BindingActivity extends AppCompatActivity {
    public static final String TAG = BindingActivity.class.getSimpleName();
    private ActivityBindingBindingImpl mActivityBindingBinding;
    private User mUser;

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

        initData();
    }

    private void initData() {
        mActivityBindingBinding = DataBindingUtil.setContentView(this, R.layout.activity_binding);
        mUser = new User("关羽", "张飞");
        mActivityBindingBinding.setUser(mUser);
    }
   }

至此，单向数据绑定完成，点击运行，界面即显示了设置的文字。

3.双向绑定数据

新建一个model类继承BaseObservable，在set方法里面使用notifyPropertyChanged用来设置参数后刷新BR类中的数据，get方法前需要添加注解@Bindable用来在BR中生成fieldID的字段。

public class StudentObserver extends BaseObservable {
    private String name;
    private String address;
    private String phone;

    public StudentObserver() {
    }

    public StudentObserver(String name, String address, String phone) {
        this.name = name;
        this.address = address;
        this.phone = phone;
    }

    @Bindable
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(BR.name);
    }

    @Bindable
    public String getAddress() {
        return address;
    }

    public void setAddress(String address) {
        this.address = address;
        // 设置并刷新数据源
        notifyPropertyChanged(BR.address);
    }

    @Bindable
    public String getPhone() {
        return phone;
    }

    public void setPhone(String phone) {
        this.phone = phone;
        notifyPropertyChanged(BR.phone);
    }

    @Override
    public String toString() {
        return "StudentObserver{" +
                "name='" + name + '\'' +
                ", address='" + address + '\'' +
                ", phone='" + phone + '\'' +
                '}';
    }
}

在布局文件使用@={}使用双向绑定

 <TextView
                android:text="@={stu.address}"
                android:layout_marginTop="30dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

引用数据同第3步，代码中改变数据使用方法如下：

 mActivityBindingBinding.tvAddress.setOnClickListener(v -> {
            mStudentObserver.setAddress("科技园");
            Toast.makeText(BindingActivity.this, "切换成科技园", Toast.LENGTH_SHORT).show();
        });

或者直接使用可观察对象数据ObservableField，自带get和set方法。

public final ObservableField<String> first = new ObservableField<String>();

除了ObservableField官方还封装好了一些可观察对象类型的数据，例如ObservableBoolean、ObservableArrayList、ObservableInt，在model中直接使用即可。

data class ObservableFieldProfile(
        val name: String,
        val lastName: String,
        val likes: ObservableInt
)

三、敲一下原理

1. DataBindingUtil.setContentView方法将xml中的各个View赋值给ViewDataBinding，通过tag标记控件
2. 根据生成的配置文件将view和viewModel进行对应的同步操作，ViewDataBinding的setVariable方法建立了ViewDataBinding与viewModel之间的联系
3. 当viewModel通过set设置数据调用notifyPropertyChanged方法时，通过一个全局的布局变化监听来实时更新，最终在ViewDataBinding的executeBindings方法中处理逻辑

四、总结

DataBinding就是一个绑定数据和UI的框架，简化代码，同步刷新。一般都是结合ViewModel组合使用，dataBinding、viewModel和LiveData都是用来使用MVVM的重要组件，后续继续介绍。

五、参考链接

• https://www.jianshu.com/p/6ea1e51b8876
• https://www.jianshu.com/p/c4f5411cb0ae
• https://blog.csdn.net/qq_21154101/article/details/128111485#t10
• https://blog.csdn.net/wang_yong_hui_1234/article/details/123125763