Android Jetpack——DataBinding
写在前面
谷歌推出Android Jetpack已经很久了,还有AndroidX,但是呢,包括MVVM都还不怎么去用,所以有必要亡羊补牢一下了,接下来是对Android Jetpack系列进行学习,网上的资料有点杂,所以决定直接看谷歌开发者文档:Android Developers,顺便记录一下,所以没有介绍等等话题,DataBinding主要是可以去掉繁琐的findViewByID,可以让界面跟布局双向绑定数据,并且互相更新数据,直接码代码。
1、依赖
在项目的build.gradle添加配置
2、xml布局文件
与我们以往不同的是,现在布局的标签必须是以layout开头
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<variable
name="user"
type="com.tenz.tenzdatabinding.User" />
<variable
name="onClickListener"
type="com.tenz.tenzdatabinding.MainActivity.OnClickListener" />
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/tv_name"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:gravity="center"
android:text="@{user.name,default=name}"
android:textColor="#000000"
android:textSize="16sp"/>
<TextView
android:id="@+id/tv_age"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:gravity="center"
android:text="@{String.valueOf(user.age),default=age}"
android:textColor="#000000"
android:textSize="16sp"/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="增加年龄"
android:textSize="16sp"
android:textColor="#000000"
android:onClick="@{() -> onClickListener.addAge()}"/>
</LinearLayout>
</layout>
其中,layout 标签是根标签,data标签就是你要在布局里面引用的对象,例如这里引用了User的实体类,@{user.name,default=name}就是TextView绑定了user的name字段,默认是“name”,如果你需要设置int类型的,需要转换一下@{String.valueof(user.age),default=age}。
3、activity或fragment
activity或fragment当然也有变化
package com.tenz.tenzdatabinding;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;
import com.tenz.tenzdatabinding.databinding.ActivityMainBinding;
public class MainActivityextends AppCompatActivity {
private ActivityMainBindingdataBinding;
private UsermUser;
public class OnClickListener{
public void addAge(){
mUser.setAge(mUser.getAge()+1);
}
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
dataBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
mUser =new User();
mUser.setName("Tenz");
mUser.setAge(18);
dataBinding.setUser(mUser);
dataBinding.setOnClickListener(new OnClickListener());
}
}
在这里我们用到了DataBindingUtil来绑定xml布局,ActivityMainBinding是编译之后自动生成,还有我们需要对xml声明的data标签进行绑定,例如User。
4、数据的双向绑定更新
我们上面的xml有姓名跟年龄两个TextView,分别绑定了user的name跟age,然后我们在activity对User进行了数据初始化并进行了对xml的user的绑定,运行之后会看到已经在TextView有数据显示了。但是我现在想点击一个按钮,让年龄进行自增呢?我们先跳过事件处理这一步,我在按钮的点击事件对绑定的User的年龄进行了自增,但是却发现没有效果,因为我们的实体类User需要做一些处理,
package com.tenz.tenzdatabinding;
import androidx.databinding.BaseObservable;
import androidx.databinding.Bindable;
public class User extends BaseObservable {
private Stringname;
private Stringavator;
private Stringsex;
private int age;
@Bindable
public StringgetName() {
return name;
}
public void setName(String name) {
this.name = name;
}
@Bindable
public StringgetAvator() {
return avator;
}
public void setAvator(String avator) {
this.avator = avator;
}
@Bindable
public StringgetSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
@Bindable
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
notifyPropertyChanged(com.tenz.tenzdatabinding.BR.age);
}
}
首先是我们的实体类需要继承BaseObservable ,然后在get方法添加@Bindable注解,还有在我们的set方法调用一个notifyPropertyChanged方法,我们再次点击按钮就会发现年龄会有变化了。
5、事件处理
我们以前是用点击事件是findViewById().setOnClikckListener(),现在有点不一样,上面我在activity声明了一个OnClickListener类,OnClickListener类里面声明了addAge方法,而且我在xml布局已经进行了声明,然后在Button的添加点击处理
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:text="增加年龄"
android:textSize="16sp"
android:textColor="#000000"
android:onClick="@{() -> onClickListener.addAge()}"/>
无参:@{() -> onClickListener.addAge()}
有参:@{(view) -> onClickListener.addAge(view)} 或 @{(view) -> onClickListener.addAge(view)}
或 @{() -> onClickListener.addAge(user)}
附上demo,demo也做了RecycleView使用DataBinding绑定数据,实现了点击item使数据更改,github地址:TenzMixMaster/tenzdatabinding at master · TenzLiu/TenzMixMaster · GitHub