[官网地址:]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中的那么也随之改变成什么
