Android基础入门:dataBinding的使用

简介: dataBinding是实现 view 和 data 绑定的工具,把数据映射到 view 的 xml中,可以在 xml 布局文件中实现 view 的赋值,方法调用。使用 DataBinding 后,我们不用再写 findViewById,不用再获取控件对象,不用再设置监听,可以节省我们 activity 中的很多获取控件,赋值,添加监听所需要的代码。可以说MVP + DataBinding就是MVVC(关于MVC,MVP,MVVC的区别可看往期文章


@TOC


dataBinding是实现 view 和 data 绑定的工具,把数据映射到 view 的 xml中,可以在 xml 布局文件中实现 view 的赋值,方法调用。使用 DataBinding 后,我们不用再写 findViewById,不用再获取控件对象,不用再设置监听,可以节省我们 activity 中的很多获取控件,赋值,添加监听所需要的代码。

可以说MVP + DataBinding就是MVVC(关于MVC,MVP,MVVC的区别可看往期文章)

1.前期准备

1.1打开dataBinding

网络异常,图片无法展示
|

1.2修改布局文件

选中布局文件的第一行,按alter+enter就会弹出提示,默认选中data binding layout

网络异常,图片无法展示
|

网络异常,图片无法展示
|

改造好的的新的布局文件里最大的变化就是多了一对<data></data>标签;很容易想到这是为了实现布局文件里数据和布局的分离,以及更好的实现数据与视图的双向绑定(这里文章后面会慢慢介绍)

网络异常,图片无法展示
|

1.3修改Activity方法

修改好布局文件之后,还需要对Activity文件做修改

使用了dataBinding之后,编译器会自动帮我们生成一个类名+Binding的新类,这其实是编译器帮我们把布局文件转换成了一个java文件,可以看到我们通过ctrl+鼠标左键点击这个类可以直接访问到布局文件

网络异常,图片无法展示
|

网络异常,图片无法展示
|

除此之外还需要为mainBinding这个对象赋初值,同样是通过setContentView方法,不过要传入两个参数,前者是Activity类,后者是布局文件的id

mainBinding=DataBindingUtil.setContentView(this,R.layout.activity_main);

网络异常,图片无法展示
|

网络异常,图片无法展示
|

2.DataBinding的使用

2.1属性更新

那么如何使用dataBingding呢?

我们先在布局文件中新建几个控件,这里我的两个控件:文本控件的id是textview,按钮控件的id是button

网络异常,图片无法展示
|

回到Activity中,我们通过mainBInding对象可以看到,其下有两个值,textViewbutton,这正是我们刚刚两个组件的id,所以通过mainBinding对象我们可以轻松的取到我们布局文件里的组件,不再需要findViewById

网络异常,图片无法展示
|

通过mainBinding获取到组件同样的可以设置这些控件的各种属性

网络异常,图片无法展示
|

2.2<data>标签

之前有提到在<data></data>标签中定义数据

<androidx.constraintlayout.widget.ConstraintLayout>中定义布局并且绑定数据,这类似于前端vue框架中的数据视图双向绑定

2.2.1简单数据的定义与绑定

那么如何在data标签中定义数据呢?

通过<variable>标签,定义数据的名字name和类型type,这个类型可以是java中的所有基本类型

网络异常,图片无法展示
|

然后到布局中,用插值表达式将数据替代掉

网络异常,图片无法展示
|

不过现在什么也不会显示,因为这两个变量只定义了,没有赋值

网络异常,图片无法展示
|

看到这,我们也明白data标签的好处之一了,数据的定义都在data标签中,而constraint中就只管布局,通过插值表达式来绑定数据,不会出现数据。

那么data标签里的数据又如何初始化赋值呢?

这部分逻辑操作就交给Activity了。每定义一个varible,在布局的Binding类中都会生成此变量的get和set方法,通过这两个方法我们对数据进行初始化和更新。

网络异常,图片无法展示
|

网络异常,图片无法展示
|

所以有了dataBinding我们极大的减轻了Activity所要做的操作,Activity可以更专注于对数据与逻辑的处理,而UI的获取与数据和UI的绑定都交给了布局文件。

2.2.2复杂数据的定义与绑定

我们尝试一下类类型的数据的定义与绑定

先定义一个简单的实体类,简单的写两个属性

网络异常,图片无法展示
|

在data中定义一个类变量,name属性的同样是这个变量的名字,type属性就是这个包名.类名

网络异常,图片无法展示
|

数据的绑定也是一样的,通过类变量的名字.属性,所以我们可以把类变量person看成Person类new 出来的一个对象

网络异常,图片无法展示
|

回到Activity中对类变量进行初始化,运行可以看到UI上的数据已经更新了

网络异常,图片无法展示
|

2.3事件绑定

dataBinding可以把事件以数据的形式绑定到布局文件中

2.3.1点击事件绑定

首先我们在Activity中定义一个内部类

网络异常,图片无法展示
|

然后在data标签中定义这个内部类的变量

网络异常,图片无法展示
|

通过onClick属性实现事件的绑定,值得注意的是myclick.onClick方法后没有括号;这样简单的几行代码就实现了事件的绑定。用户每点击一次按钮都会调用MyClick类中的onClick()方法

android:onClick="@{myclick.onClick}"

网络异常,图片无法展示
|

而Activity只需要做的事情就是初始化这个点击事件。因为此时事件已经被当成数据在使用了,通过set方法设置Myclick的值即可。然后打印日志查看运行效果

mainBinding.setMyclick(newMyClick());

网络异常,图片无法展示
|

可以看到每点击一次按钮都会打印一次日志,说明调用成功

网络异常,图片无法展示
|

2.3.2点击事件回传数据

我们看到onClick()方法中,我们传入的是view参数,那可以传其他参数吗?

publicclassMyClick{

       publicvoidonClick(Viewview){

           Log.i("myclick", "onClick: 点赞成功!");

       }

   }

当然是可以的而且我们是通过这一种方法事件点击回传数据。如我们把Person作为参数传入,并绑定点击事件,那么用户点击按钮,又可以将数据传回到Activity中。

改造一下onClick()方法,传入参数改为Person

网络异常,图片无法展示
|

并在布局文件中重新绑定,这里绑定事件也有点不同了,需要用到lambda表达式

android:onClick="@{()->myclick.onClick(person)}"

网络异常,图片无法展示
|

点击按钮,可以看到把person中的数据传了回来;

网络异常,图片无法展示
|

2.3.3动态改变对象数据在控件上显示

默认情况下,在点击事件监听方法中修改person对象的值并不会修改数据在控件上的显示

网络异常,图片无法展示
|

如果我们要实现事件监听动态去改变控件上的数据的话,我们需要对Person类动一动手脚

让Person类继承BaseObservable类,并为每个属性生成get和set方法

网络异常,图片无法展示
|

在点击事件监听方法中通过调用set方法设置新的值,来修改person对象的值并在控件上的显示

网络异常,图片无法展示
|

2.3.4动态改变基本数据在控件上显示

首先在Activity中定义一个name变量,不过需要使用ObservableField类包装

网络异常,图片无法展示
|

其后在data标签中定义一个name变量,并将其绑定在一个新的文本控件上。

这里值得注意的是在<>符号里不能再出现<>,所以我们使用转义符&lt;&gt;

网络异常,图片无法展示
|

最后在单击事件方法中更新name的值,这个值就会动态的更新在界面上

网络异常,图片无法展示
|

网络异常,图片无法展示
|

2.4与输入控件结合

首先在界面中添加一个新的输入控件,并为其绑定一个变量,这里我就绑定name变量。那么我们刚刚把name变量绑定在一个文本控件上,现在又把name绑定在一个输入控件上。那么我们在输入控件中对name变量的改变会及时更新显示在文本控件上吗?

网络异常,图片无法展示
|

网络异常,图片无法展示
|

当然是可以的不够我们的数据绑定要做一个小小的修改,仅仅添加了一个等于符号,那这个实时输入显示的功能就实现啦!!!

android:text="@={name}"

网络异常,图片无法展示
|

动图看一下效果

网络异常,图片无法展示
|

2.5与图片控件结合

通过dataBinding和imageView和Glide的结合使用,可以很方便的加载一张网络图片

第一步我们还是先在布局文件中添加一个图片控件

网络异常,图片无法展示
|

然后添加Glide依赖和网络请求权限

 //引入第三方库glide

   implementation'com.github.bumptech.glide:glide:4.13.0'

   annotationProcessor'com.github.bumptech.glide:compiler:4.13.0'

网络异常,图片无法展示
|

网络异常,图片无法展示
|

然后再Activity中创建一个静态的公共的方法,传入imageView和网络图片的url两个参数;并为其添加一个注解BindingAdapter()

@BindingAdapter("imageUrl")

   publicstaticvoidbindImageUrl(ImageViewview,Stringurl){

       Glide.with(view)

               .load(url)

               .into(view);

   }

网络异常,图片无法展示
|

然后在布局文件中就出现了一个imageUrl的属性,通过这个属性我们为我们的图片组件动态的添加网络图片。这里为了方便我还是绑定@{name},在Activity中将name初始化为一个图片的url

网络异常,图片无法展示
|

网络异常,图片无法展示
|

网络异常,图片无法展示
|

这其实是我们为控件自定义了一个属性,名字叫imageUrl,(其实就是注解里的那个参数,你取这个自定义的属性叫什么它就叫什么)


相关文章
|
12天前
|
存储 前端开发 测试技术
Android kotlin MVVM 架构简单示例入门
Android kotlin MVVM 架构简单示例入门
20 1
|
8天前
|
XML IDE Java
安卓应用开发入门:从零开始的旅程
【10月更文挑战第23天】本文将带领读者开启一段安卓应用开发的奇妙之旅。我们将从最基础的概念讲起,逐步深入到开发实践,最后通过一个简易的代码示例,展示如何将理论知识转化为实际的应用。无论你是编程新手,还是希望扩展技能的软件工程师,这篇文章都将为你提供有价值的指导和启发。
17 0
|
1月前
|
开发框架 移动开发 Android开发
安卓与iOS开发中的跨平台解决方案:Flutter入门
【9月更文挑战第30天】在移动应用开发的广阔舞台上,安卓和iOS两大操作系统各自占据半壁江山。开发者们常常面临着选择:是专注于单一平台深耕细作,还是寻找一种能够横跨两大系统的开发方案?Flutter,作为一种新兴的跨平台UI工具包,正以其现代、响应式的特点赢得开发者的青睐。本文将带你一探究竟,从Flutter的基础概念到实战应用,深入浅出地介绍这一技术的魅力所在。
71 7
|
2月前
|
Android开发 开发者
安卓开发中的自定义视图:从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中,自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌,更是艺术与科技的完美结合。通过掌握自定义视图,开发者能够打破常规,创造出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战应用,一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密,将你的应用打造成一件艺术品吧!
58 10
|
24天前
|
Web App开发 编解码 视频直播
视频直播技术干货(十二):从入门到放弃,快速学习Android端直播技术
本文详细介绍了Android端直播技术的全貌,涵盖了从实时音视频采集、编码、传输到解码与播放的各个环节。文章还探讨了直播中音视频同步、编解码器选择、传输协议以及直播延迟优化等关键问题。希望本文能为你提供有关Andriod端直播技术的深入理解和实践指导。
33 0
|
2月前
|
IDE Java 程序员
安卓应用开发入门:打造你的第一个“Hello World”
【9月更文挑战第11天】在编程的世界里,每一个初学者的旅程都从一个简单的“Hello World”开始。本文将带领安卓开发的新手们,通过简单直观的方式,一步步构建出自己的第一个安卓应用。我们将探索安卓工作室(Android Studio)的安装、项目的创建,以及如何运行和调试你的应用。无论你是编程新手还是想扩展技能的老手,这篇文章都将为你打开一扇通往安卓世界的大门。
151 7
|
2月前
|
IDE Java API
安卓应用开发入门:打造你的第一个"Hello World"
【9月更文挑战第11天】在探索安卓开发的海洋中,每个开发者的航行都从简单的"Hello World"开始。本文将作为你的航标,引导你驶向安卓应用开发的精彩世界。我们将一起启航,通过浅显易懂的语言和步骤,学习如何构建并运行你的第一个安卓应用。无论你是编程新手还是希望扩展技能的老手,这篇文章都将为你提供所需的知识和信心。准备好了吗?让我们揭开安卓开发的神秘面纱,一起创造些令人兴奋的东西吧!
|
3月前
|
开发者 iOS开发 C#
Uno Platform 入门超详细指南:从零开始教你打造兼容 Web、Windows、iOS 和 Android 的跨平台应用,轻松掌握 XAML 与 C# 开发技巧,快速上手示例代码助你迈出第一步
【8月更文挑战第31天】Uno Platform 是一个基于 Microsoft .NET 的开源框架,支持使用 C# 和 XAML 构建跨平台应用,适用于 Web(WebAssembly)、Windows、Linux、macOS、iOS 和 Android。它允许开发者共享几乎全部的业务逻辑和 UI 代码,同时保持原生性能。选择 Uno Platform 可以统一开发体验,减少代码重复,降低开发成本。安装时需先配置好 Visual Studio 或 Visual Studio for Mac,并通过 NuGet 或官网下载工具包。
185 0
|
3月前
|
XML IDE Java
安卓应用开发入门:打造你的第一个“Hello World”
【8月更文挑战第31天】 在安卓的浩瀚宇宙中,每一个新星都从一句简单的问候开始闪耀。本文将作为你的航标,引导你探索安卓开发的银河系。无论你是初心者还是资深开发者,构建第一个“Hello World”应用总是令人兴奋的里程碑。通过这篇文章,我们将一起搭建起通往安卓开发世界的桥梁。让我们摒弃复杂的术语,用最简单直白的语言,一步步地走过这段旅程。准备好了吗?让我们一起开启这段冒险吧!
|
3月前
|
搜索推荐 Java Android开发
打造个性化安卓启动器:从入门到精通
【8月更文挑战第31天】在这个数字时代,智能手机几乎成了我们生活的延伸。而作为最流行的操作系统之一,安卓的可定制性让它在众多用户中独树一帜。本文将带你了解如何从零开始构建你自己的安卓启动器,这不仅是一项挑战技能的项目,更是一次让你的设备与众不同的机会。我们将一步步探索创建启动器的过程,包括设计思路、关键代码实现以及最终的测试与优化。无论你是编程新手还是有一定基础的开发者,都能通过这个项目提升技术水平,并给你的日常使用带来便利。准备好了吗?让我们一起潜入安卓开发的海洋,打造专属于你的个性化世界!