Android Jetpack 之ViewBinding和DataBinding

简介: Android Jetpack 之ViewBinding和DataBinding

前言

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

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

ViewBinding

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

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

viewBinding {
    enabled = true
}

image.gif

编译后,系统会自动生成名为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="保存" />

image.gif

接下来 修改MainActivity中的代码

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

image.gif

接下里我们就可以直接使用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();
    }
});

image.gif

运行结果如图

image.gif

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

DataBinding

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

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

dataBinding {
    enabled = true
}

image.gif

新建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>

image.gif

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

public class User {
    ....
    private String userName;
    private String userGender;
    ....
}

image.gif

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

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

image.gif

我们在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>

image.gif

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

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

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

image.gif

运行程序如下所示:

image.gif

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

image.gif

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

在data标签下导入TextUtil

<import type="android.text.TextUtils" />

image.gif

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

image.gif

运行结果如下图所示

image.gif

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

使用可观察的数据对象

    • 可观察字段

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

    image.gif

    修改User类字段属性如下:

    public class User {
        public final ObservableField<String> userName = new ObservableField<>();
        public final ObservableField<String> userGender = new ObservableField<>();
    }

    image.gif

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

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

    image.gif

    运行结果如下所示:

    image.gif

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

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

    image.gif

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

    image.gif

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

      • 可观察集合

      可观察集合 常用于动态数据结构,使用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);
            }
        }

        image.gif

        我们让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("黄林晴-数据更新");
            }
        });

        image.gif

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

        image.gif

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

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

        目录
        相关文章
        |
        8月前
        |
        安全 Java Android开发
        安卓开发中的新趋势:Kotlin与Jetpack的完美结合
        【6月更文挑战第20天】在不断进化的移动应用开发领域,Android平台以其开放性和灵活性赢得了全球开发者的青睐。然而,随着技术的迭代,传统Java语言在Android开发中逐渐显露出局限性。Kotlin,一种现代的静态类型编程语言,以其简洁、安全和高效的特性成为了Android开发中的新宠。同时,Jetpack作为一套支持库、工具和指南,旨在帮助开发者更快地打造优秀的Android应用。本文将探讨Kotlin与Jetpack如何共同推动Android开发进入一个新的时代,以及这对开发者意味着什么。
        |
        4月前
        |
        测试技术 数据库 Android开发
        深入解析Android架构组件——Jetpack的使用与实践
        本文旨在探讨谷歌推出的Android架构组件——Jetpack,在现代Android开发中的应用。Jetpack作为一系列库和工具的集合,旨在帮助开发者更轻松地编写出健壮、可维护且性能优异的应用。通过详细解析各个组件如Lifecycle、ViewModel、LiveData等,我们将了解其原理和使用场景,并结合实例展示如何在实际项目中应用这些组件,提升开发效率和应用质量。
        69 6
        |
        5月前
        |
        编译器 Android开发 开发者
        带你了解Android Jetpack库中的依赖注入框架:Hilt
        本文介绍了Hilt,这是Google为Android开发的依赖注入框架,基于Dagger构建,旨在简化依赖注入过程。Hilt通过自动化的组件和注解减少了DI的样板代码,提高了应用的可测试性和可维护性。文章详细讲解了Hilt的主要概念、基本用法及原理,帮助开发者更好地理解和应用Hilt。
        123 8
        |
        5月前
        |
        安全 Java Android开发
        探索安卓应用开发的新趋势:Kotlin和Jetpack Compose
        在安卓应用开发领域,随着技术的不断进步,新的编程语言和框架层出不穷。Kotlin作为一种现代的编程语言,因其简洁性和高效性正逐渐取代Java成为安卓开发的首选语言。同时,Jetpack Compose作为一个新的UI工具包,提供了一种声明式的UI设计方法,使得界面编写更加直观和灵活。本文将深入探讨Kotlin和Jetpack Compose的特点、优势以及如何结合使用它们来构建现代化的安卓应用。
        119 4
        |
        7月前
        |
        存储 数据库 Android开发
        🔥Android Jetpack全解析!拥抱Google官方库,让你的开发之旅更加顺畅无阻!🚀
        【7月更文挑战第28天】在Android开发中追求高效稳定的路径?Android Jetpack作为Google官方库集合,是你的理想选择。它包含多个独立又协同工作的库,覆盖UI到安全性等多个领域,旨在减少样板代码,提高开发效率与应用质量。Jetpack核心组件如LiveData、ViewModel、Room等简化了数据绑定、状态保存及数据库操作。引入Jetpack只需在`build.gradle`中添加依赖。例如,使用Room进行数据库操作变得异常简单,从定义实体到实现CRUD操作,一切尽在掌握之中。拥抱Jetpack,提升开发效率,构建高质量应用!
        128 4
        |
        7月前
        |
        存储 移动开发 Android开发
        使用kotlin Jetpack Compose框架开发安卓app, webview中h5如何访问手机存储上传文件
        在Kotlin和Jetpack Compose中,集成WebView以支持HTML5页面访问手机存储及上传音频文件涉及关键步骤:1) 添加`READ_EXTERNAL_STORAGE`和`WRITE_EXTERNAL_STORAGE`权限,考虑Android 11的分区存储;2) 配置WebView允许JavaScript和文件访问,启用`javaScriptEnabled`、`allowFileAccess`等设置;3) HTML5页面使用`<input type="file">`让用户选择文件,利用File API;
        |
        8月前
        |
        JavaScript Java Android开发
        kotlin安卓在Jetpack Compose 框架下跨组件通讯EventBus
        **EventBus** 是一个Android事件总线库,简化组件间通信。要使用它,首先在Gradle中添加依赖`implementation &#39;org.greenrobot:eventbus:3.3.1&#39;`。然后,可选地定义事件类如`MessageEvent`。在活动或Fragment的`onCreate`中注册订阅者,在`onDestroy`中反注册。通过`@Subscribe`注解方法处理事件,如`onMessageEvent`。发送事件使用`EventBus.getDefault().post()`。
        |
        8月前
        |
        安全 JavaScript 前端开发
        kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
        在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要:
        |
        8月前
        |
        Android开发 Kotlin
        Android面试题 之 Kotlin DataBinding 图片加载和绑定RecyclerView
        本文介绍了如何在Android中使用DataBinding和BindingAdapter。示例展示了如何创建`MyBindingAdapter`,包含一个`setImage`方法来设置ImageView的图片。布局文件使用`&lt;data&gt;`标签定义变量,并通过`app:image`调用BindingAdapter。在Activity中设置变量值传递给Adapter处理。此外,还展示了如何在RecyclerView的Adapter中使用DataBinding,如`MyAdapter`,在子布局`item.xml`中绑定User对象到视图。关注公众号AntDream阅读更多内容。
        120 1
        |
        8月前
        |
        Android开发
        Jetpack Compose: Hello Android
        Jetpack Compose: Hello Android

        热门文章

        最新文章