[官网地址:]https://developer.android.google.cn/jetpack

一,DataBinding的定义和作用

官方原话:使用声明性格式将布局中的UI组件绑定到应用程序中的数据源。

在build.gradle中开启DataBinding

android {
   ...
   dataBinding {
       enabled = true
   }
}

二,简单使用

在布局文件中使用layout根布局,快捷键Alt+Enter

2021-02-28_172612.png

最终布局

<?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>

   <androidx.constraintlayout.widget.ConstraintLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       tools:context=".DemoActivity">

   </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

标签<data>中引用数据的地方,首先要创建一个数据类TextData

public class User {

    private   String name;
    private int    age;

    public String getName() {
        return name;
    }

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

    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;

    }
}

在布局中引用

<?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 class="UserInfoData">

       <import type="okhttpdemo.com.databindingdemo.mode.User" />

       <variable
           name="userInfo"
           type="okhttpdemo.com.databindingdemo.mode.User" />

   </data>

   <RelativeLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent">

       <TextView
           android:id="@+id/text"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_centerInParent="true"
           android:text="@{userInfo.name,default=测试}" />

       <TextView
           android:id="@+id/text2"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_below="@id/text"
           android:layout_centerInParent="true"
           android:text="@{String.valueOf(userInfo.age)}" />

   </RelativeLayout>

</layout>

1,data中的class自定义的类名,在下面代码中可以看到怎么用
2,import要引用类的全路径名
3,variable中的name在xml中使用的变量名字比如:userInfi.name,type是类型
4,default是默认值查看布局的时候可以直接显示default的值
5,@{userInfo.name}引用的name属性

在activity中使用

 @Override
 protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        UserInfoData binding = DataBindingUtil.setContentView(this,
                                                              R.layout.activity_main);
        User data = new User();
        data.setName("张三");
        data.setAge(19);
        binding.setUserInfo(data);
  }

1,UserInfoData就是在xml的data标签中定义的class
2,替换以前的setContentView()为DataBindingUtil.setContentView()
3,setUsetInfo()设置数据

三,单向数据绑定,数据变化UI更新,BaseObservable

BaseObservable 提供了 notifyChange() 和 notifyPropertyChanged() 两个方法，前者会刷新所有的值，后者则只更新对应 BR 的 flag，该 BR 的生成通过注释 @Bindable 生成

public class User
        extends BaseObservable
{
    //public直接加注解@Bindable
    @Bindable
    public  String name;
    //private不能被访问到可以在get方法上加注解
    private int    age;

    public String getName() {
        return name;
    }

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

    @Bindable
    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
        notifyChange();
    }
}

xml中新增一个按钮

<Button
            android:id="@+id/btn"
            android:layout_below="@id/text2"
            android:layout_centerInParent="true"
            android:text="改变数据"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

在activity中

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        UserInfoData binding = DataBindingUtil.setContentView(this,
                                                              R.layout.activity_main);
        mData = new User();
        mData.setName("张三");
        mData.setAge(19);
        binding.setUserInfo(mData);

        binding.btn.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        mData.setName("李四");
        mData.setAge(10);
    }

四,双向数据绑定,数据改变自动更新UI,UI改变自动更改数据

在xml中新增一个EditText

<EditText
            android:text="@={userInfo.name}"
            android:layout_below="@id/btn"
            android:layout_centerInParent="true"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

双向绑定和单项绑定区别在于多个=号@={userInfo.name},在EditText中输入什么User中的那么也随之改变成什么