阅读 45

Android Jetpack 之ViewBinding和DataBinding

这是我参与8月更文挑战的第13天,活动详情查看:8月更文挑战

前言

Jetpack 是一套库、工具和指南,可帮助开发者更轻松地编写优质应用。

现在无论走到哪儿,如果Android开发者说自己不了解Jetpack,怕是会被人”鄙视“的看一眼,从今天开始,我会写一系列Jetpack的文章,让我们一起来学习强大的Jetpack吧。

ViewBinding

通过视图绑定,系统会为模块中的每个 XML 布局文件生成一个绑定类,通过绑定类,我们可以直接操作控件id,而不需要findViewById,这样我们可以避免控件id无效出现的空指针问题。

首先我们新建项目,新建MainActivity,对应的布局文件名为:activity_main,在模块的build.gradle中开启视图绑定:

viewBinding {
    enabled = true
}
复制代码

编译后,系统会自动生成名为ActivityMainBinding,我们在activity_main.xml 添加一个文本框和一个按钮

<EditText
    android:id="@+id/ed_input"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

<Button
    android:id="@+id/btn_save"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="保存" />
复制代码

接下来 修改MainActivity中的代码

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    ActivityMainBinding activityMainBinding = ActivityMainBinding.inflate(LayoutInflater.from(this));
    setContentView(activityMainBinding.getRoot());
}
复制代码

接下里我们就可以直接使用id对应的控件了

activityMainBinding.btnSave.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        String content = activityMainBinding.edInput.getText().toString();
        Toast.makeText(MainActivity.this, content, Toast.LENGTH_SHORT).show();
    }
});
复制代码

运行结果如图

ViewBinding只是为了替代findViewById,优点就是空安全,不过有了kotlin-android-extensions之后,ViewBinding用的应该比较少了吧。

DataBinding

数据绑定简单的解释就是,之前我们需要通过获取控件 通过控件设置数据,现在有了数据绑定 我们可以直接在布局文件中直接绑定数据。

和ViewBinging一样 使用前 首先我们在build.gradle 中配置

dataBinding {
    enabled = true
}
复制代码

新建Main2Activity,对应布局如下:

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main2Activity">

</layout>
复制代码

使用数据绑定的xml文件根布局必须是layout标签,我们新建一个User类,有姓名和性别字段

public class User {
    ....
    private String userName;
    private String userGender;
    ....
}
复制代码

首先通过data标签导入要绑定的数据

<data>
    <variable
        name="user"
        type="com.example.jetpackdemo.bean.User" />
</data>
复制代码

我们在xml中加入两个textView用来显示用户姓名和性别

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@{user.userName}"
        android:textSize="17sp" />


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@{user.userGender}"
        android:textSize="17sp" />
</LinearLayout>
复制代码

通过@{}的引用方式设置数据

在Main2Activity中通过如下方法 设置数据源:

ActivityMain2Binding activityMain2Binding = DataBindingUtil.setContentView(this, R.layout.activity_main2);
User user = new User("黄林晴", "男");
activityMain2Binding.setUser(user);
复制代码

运行程序如下所示:

如果我们现在把性别改为null,则性别会直接不显示

如果我们现在要求当性别为null的时候显示“未设置”要怎么做呢,我们可以在xml中进行判断

在data标签下导入TextUtil 

<import type="android.text.TextUtils" />
复制代码
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text='@{TextUtils.isEmpty(user.userGender)? "未设置": user.userGender}'
    android:textSize="17sp" />
复制代码

运行结果如下图所示

除了数据绑定外,还有监听事件绑定等,就不详细举例了。我们当前做的是静态数据绑定,很多时候我们都需要动态绑定,那么如何在数据变化的时候自动更新呢?

使用可观察的数据对象

  • 可观察字段

可观察数据类型 类型如下:

修改User类字段属性如下:

public class User {

    public final ObservableField<String> userName = new ObservableField<>();
    public final ObservableField<String> userGender = new ObservableField<>();

}
复制代码

注意 这里必须定义为final类型,在Main2Activity中如下所示:

ActivityMain2Binding activityMain2Binding = DataBindingUtil.setContentView(this, R.layout.activity_main2);
User user = new User();
user.userName.set("黄林晴-初始值");
user.userGender.set("男");
activityMain2Binding.setUser(user);
复制代码

运行结果如下所示:

接下来 我们添加一个按钮 在按钮中重新设置user中的数据

btnChanged = findViewById(R.id.btn_change);
btnChanged.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        user.userName.set("黄林晴-改变后的值");
    }
});
复制代码

点击按钮,运行结果如下所示:

如此一来数据变化的时候我们控件上的数据也就可以变化了

  • 可观察集合

可观察集合 常用于动态数据结构,使用ObservableArrayMap访问键值类似HashMap中的数据访问,这里不做介绍了。

  • 可观察对象

和可观察数据字段和集合相比,我们最喜欢的应该是可观察对象了,这样我们我们不需要受原有访问数据方法的限制

public class User extends BaseObservable {

    private String userName;
    private String userGender;

    public User(String userName, String userGender) {
        this.userName = userName;
        this.userGender = userGender;
    }

    @Bindable
    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
        notifyPropertyChanged(BR.userName);

    }

    @Bindable
    public String getUserGender() {
        return userGender;
    }

    public void setUserGender(String userGender) {
        this.userGender = userGender;
        notifyPropertyChanged(BR.userGender);
    }
}
复制代码

我们让User类继承自BaseObservable,使用Bindable注解注册通知,当值改变的时候通过notifyPropertyChanged()发送通知,为BR 类是数据绑定生成的一个用于数据绑定的资源的 ID的类。在Main2Activity中同样的设置初始值,点击按钮改变值

ActivityMain2Binding activityMain2Binding = DataBindingUtil.setContentView(this, R.layout.activity_main2);
User user = new User("黄林晴-可变对象", "男");
activityMain2Binding.setUser(user);
btnChanged = findViewById(R.id.btn_change);
btnChanged.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        user.setUserName("黄林晴-数据更新");
    }
});
复制代码

运行后点击按钮结果如下:

Android Studio 3.1 及更高版本允许用 LiveData 对象替换可观察字段,结合JetPack的使用,数据通知都推荐使用LiveData了,等我们讲到LiveData的时候回重新使用这个例子。

DataBinding和ViewBinding 到这里,我们已经可以使用基础的功能了,后续在项目开发中还需要多实践操作。

文章分类
Android
文章标签