Android端MVVM从入门到实战(第三篇) - DataBinding数据绑定
前言
上一章内容中的代码,如果我们延迟以后重新给实体类赋值,会发现UI并没更新,在更早的内容中我们讲到过,需要用LiveData去通知观察者更新,不过这里我们要讲一下另外一个方法,也是更基本的方法 - DataBinding的Observable接口。
参考代码地址:https://github.com/guoergongzi/GMVVMDemo/tree/main
参考代码Module:gdatabindingdemo2
1、数据绑定
为了测试这个接口,我们首先创建一个类AutoUpdateBean:
/***测试单向绑定的实体类
*/
public class AutoUpdateBean extends BaseObservable {// public修饰的成员变量可以直接在成员变量上添加@Bindable注解@Bindablepublic String name;private String id;// private修饰的成员变量要在get方法上添加@Bindable注解private float price;public String getName() {return name;}public void setName(String name) {this.name = name;notifyPropertyChanged(BR.name);}@Bindablepublic String getId() {return id;}public void setId(String id) {this.id = id;notifyChange();}public float getPrice() {return price;}public void setPrice(float price) {this.price = price;}
}
我们让这个类继承了BaseObservable类,这个类是Observable接口的实现类。我们在name和id两个参数上添加了@Bindable注解,不过public修饰的name是添加在成员变量上的,private修饰的id是添加在get方法上的。并且我们分别在setName和setId方法中添加了不同的notify方法。
接下来我们在xml文件中添加三个TextView显示这三个变量,并添加两个按钮用来更新数据。
<LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_horizontal"android:orientation="vertical"><TextViewandroid:id="@+id/tv_main_auto_name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{autoUpdateBean.name,default = autoName}" /><TextViewandroid:id="@+id/tv_main_auto_id"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{autoUpdateBean.id,default = autoId}" /><TextViewandroid:id="@+id/tv_main_auto_price"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{String.valueOf(autoUpdateBean.price),default = autoPrice}" /><Buttonandroid:id="@+id/btn_main_auto_name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="改变Name和Price" /><Buttonandroid:id="@+id/btn_main_auto_id"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="改变Id和Price" />
</LinearLayout>
再在MainActivity中添加按钮点击事件:
AutoUpdateBean autoUpdateBean = new AutoUpdateBean();
autoUpdateBean.setName("name:");
autoUpdateBean.setId("id:");
autoUpdateBean.setPrice(121);
binding.setVariable(BR.autoUpdateBean, autoUpdateBean);
binding.btnMainAutoName.setOnClickListener(v -> {autoUpdateBean.setName("name:" + new Random().nextInt(100));autoUpdateBean.setPrice(new Random().nextInt(100));
});
binding.btnMainAutoId.setOnClickListener(v -> {autoUpdateBean.setId("id:" + new Random().nextInt(100));autoUpdateBean.setPrice(new Random().nextInt(100));
});
代码写好后我们运行一下,会发现,点击改变Name和Price按钮时,name属性和price属性都更新了,但是界面上只有name变化了,而点击改变Id和Price按钮时界面上id和price的显示都刷新了,这就是notifyPropertyChanged和notifyChange这两个方法的区别,notifyChange调用时会更新这个实体类所有属性的显示,notifyPropertyChanged只有更新参数对应的那个变量。
2、数据绑定的另一种实现方式
除了继承BaseObservable以外,还有一种方式也能实现数据绑定,就是使用ObservableField来封装我们的数据。首先我们先再编写一个实体类如下:
public class AutoUpdateBean2 {public final ObservableField<String> name;private final ObservableField<String> id;private final ObservableField<Float> price;public AutoUpdateBean2() {name = new ObservableField<>();id = new ObservableField<>();price = new ObservableField<>();}public ObservableField<String> getName() {return name;}public void setName(String name) {this.name.set(name);}public ObservableField<String> getId() {return id;}public void setId(String id) {this.id.set(id);}public ObservableField<Float> getPrice() {return price;}public void setPrice(float price) {this.price.set(price);}
}
然后仿照之前的做法编写控件和逻辑来测试这个新实体类:
<LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_horizontal"android:orientation="vertical"><TextViewandroid:id="@+id/tv_main_auto_name_2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{autoUpdateBean2.name,default = autoName}" /><TextViewandroid:id="@+id/tv_main_auto_id_2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{autoUpdateBean2.id,default = autoId}" /><TextViewandroid:id="@+id/tv_main_auto_price_2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@{String.valueOf(autoUpdateBean2.price),default = autoPrice}" /><Buttonandroid:id="@+id/btn_main_auto_name_2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/string_main_auto_name" /><Buttonandroid:id="@+id/btn_main_auto_id_2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/string_main_auto_id" />
</LinearLayout>
// 测试另一种数据绑定
AutoUpdateBean2 autoUpdateBean2 = new AutoUpdateBean2();
autoUpdateBean2.setName("name:");
autoUpdateBean2.setId("id:");
autoUpdateBean2.setPrice(121);
binding.setVariable(BR.autoUpdateBean2, autoUpdateBean2);
binding.btnMainAutoName2.setOnClickListener(v -> {autoUpdateBean2.setName("name:" + new Random().nextInt(100));autoUpdateBean2.setPrice(new Random().nextInt(100));
});
binding.btnMainAutoId2.setOnClickListener(v -> {autoUpdateBean2.setId("id:" + new Random().nextInt(100));autoUpdateBean2.setPrice(new Random().nextInt(100));
});
测试发现我们点击按钮时布局也会改变,说明这个方式也可以实现数据绑定。
3、集合数据绑定
DataBinding提供了用于代替原生List和Map的ObservableList和ObservableMap,可以用来做集合数据的绑定。我们下面用ObservableMap来熟悉一下这个部分,首先在xml中添加一个布局显示内容:
<variablename="map"type="androidx.databinding.ObservableMap<String,String>" /><variablename="key"type="String" />
...
<TextViewandroid:id="@+id/tv_main_4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:text="@{map[key],default=mapValue}" /><Buttonandroid:id="@+id/btn_main_map_update"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/string_main_map_update" />
然后我们在MainActivity中给map和key进行赋值,并给按钮设置点击事件:
ObservableMap<String, String> map = new ObservableArrayMap<>();
map.put("name", "leavesC");
map.put("age", "24");
binding.setVariable(BR.map, map);
binding.setKey("name");
binding.btnMainMapUpdate.setOnClickListener(v -> map.put("name", "leavesC,hi" + new Random().nextInt(100)));
点击按钮发现文本框的内容得到了更新,说明这个map在数据更新时也会通知UI刷新。
4、双向数据绑定
我们已经做到在数据刷新时更新UI了,但是我们UI变化时能不能让数据跟着变化呢?很简单,我们这里先写一个实体类:
public class MutuallyUpdateBean {public final ObservableField<String> content;public MutuallyUpdateBean() {content = new ObservableField<>();}public ObservableField<String> getContent() {return content;}
}
然后在xml中使用这个实体类绑定EditText的输入内容,并且用一个TextView进行展示:
<variablename="mutuallyContent"type="com.gegz.gdatabindingdemo2.model.MutuallyUpdateBean" /><TextViewandroid:id="@+id/tv_main_mutually_show"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:text="@{mutuallyContent.content,default=mutuallyContent}" /><EditTextandroid:id="@+id/et_main_mutually_update"android:layout_width="wrap_content"android:layout_height="wrap_content"android:autofillHints="false"android:inputType="text"android:text="@={mutuallyContent.content}"tools:ignore="LabelFor" />
最后创建一个MutuallyUpdateBean对象传进去即可:
binding.setVariable(BR.mutuallyContent, new MutuallyUpdateBean());
运行起来,发现我们在EditText中输入内容时,TextView的内容也发生了相应的变化,说明我们已经完成了双向绑定,而双向绑定的写法则是@={}。
下章预告
在这一章我们了解了DataBinding数据绑定的写法,以及双向绑定的实现方式,下一章我们要介绍DataBinding的运算符,这些运算符可以帮助我们很方便的实现一些功能,希望大家能多多支持。
参考文档:
CSDN:Android DataBinding 运算符、BindingAdapter、 BindingConversion --xiaow
CSDN:Android 安卓DataBinding(九)·运算符 --第三女神程忆难
CSDN:Android DataBinding的基本使用 -- 尹中文
CSDN:Android DataBinding 从入门到进阶,看这一篇就够 -- 程序员一东
Android端MVVM从入门到实战(第三篇) - DataBinding数据绑定相关推荐
- Android端MVVM从入门到实战(第一篇) - MVVM和四大官方组件
1.MVVM简介 MVVM是相对于MVC和MVP的一个概念,是一种架构模式. 1.1 MVC 传统的MVC中,View改变通知Controller进行处理,Controller处理结束后通知Model ...
- Android端MVVM从入门到实战(第四篇) - DataBinding运算符
前言 之前的文章中我们了解了DataBinding的基础用法和数据绑定,这一章我们来了解一下DataBinding中的运算符,以便我们在实战中能熟练的运用这些运算符方便我们的开发. 参考代码地址:Gi ...
- 《 Android物联网开发从入门到实战》
今天小编分享的这本书是国内第一本Android物联网开发书籍,由42个全真实战案例,环环相扣,深入解析Android物联网开发. <Android物联网开发从入门到实战>内容分为 5篇,共 ...
- 《 Android物联网开发从入门到实战》国内第一本开发书籍!
今天小编分享的这本书是国内第一本Android物联网开发书籍,由42个全真实战案例,环环相扣,深入解析Android物联网开发. <Android物联网开发从入门到实战>内容分为 5篇,共 ...
- 小学计算机创建演示稿教案,精选小学五年级上册信息技术《PowerPoint入门》教案范文三篇...
[导语]信息技术是指在计算机和通信技术支持下用以获取.加工.存储.变换.显示和传输文字.数值.图像以及声音信息,包括提供设备和提供信息服务两大方面的方法与设备的总称.无忧考网准备了以下内容,供大家参考 ...
- 58同城Android端-最小插件化框架实战和原理分析
目录 背景 插件化需要了解的知识 2.1 类加载过程和类加载器 2.2 ClassLoader 的 findClass.findLibrary.findResource 2.3 DexClassLoa ...
- 逆向入门分析实战(三)
之前两篇文章,针对恶意代码为了确保自身只有一个实例在运行进行了正向开发和逆向分析.逆向入门分析实战(一)逆向分析入门实战(二) 这种现象在恶意代码中非常常见,现在对上次的内容进行一个简要的回顾和扩展: ...
- android 界面组件,安卓开发学习周第三篇——Android中的UI组件
原标题:安卓开发学习周第三篇--Android中的UI组件 在Android APP中,所有的用户界面元素都是由View和ViewGroup的对象构成的.View是绘制在屏幕上的用户能与之交互的一个对 ...
- 【Android校招】六家大厂一起发难,android物联网开发从入门到实战源码
2.kotlin相比于Java好处是什么?kotlin对空指针异常是如何处理的?let.with.apply的适用场景? 3.Java异常机制.Error能捕获到吗? 4.我项目中账号密码是保存在本地 ...
最新文章
- 通俗易懂!《图机器学习导论》(附链接)
- Android应用内展示word、excel、pdf、ppt等文件
- Android程序员的技术要求和学习路线
- golang 获取昨天日期
- [YTU]_2535( C++复数运算符重载(+与))
- JavaScript实用小技巧
- swagger3 设置值可以为空_【Swagger2】【3】API注解详解,以及注解常用参数配置
- 【转】Net Framework,Net Core 和 Net Standard 区别
- spring5.x cxf3.4.x 服务端和客户端 非maven版本
- Egret入门学习日记 --- 第二十篇(书中 9.1~9.3 节 内容 组件篇)
- (四) Session管理 --《springboot与shiro整合》
- python调用canape_基于CCP协议利用CANape进行电控单元标定
- 手机APP测试需要注意的问题
- 浙大2016计算机考研分数线,2016浙江大学考研分数线公布
- Photoshop中的抠图工具
- 苹果iOS捷径(快捷指令)自动填写表单
- Openwrt 镜像安装
- CentOS7下docker服务无法启动的一般检查
- RAM和ROM(verilog)
- 《MySQL DBA修炼之道》——2.2 官方版本的安装
热门文章
- springboot+mybatisPlus简单实现数据分页显示
- 有趣又有料:任意操控静态图片中人的眼球
- java获取f5服务器真实ip_通过F5获取服务器真实内网IP
- 计算机组成原理题库,计算机组成原理(本)习题库
- hi_3516_sample_ive 学习日志:一些名词解释
- 课程设计_左支座加工工艺和钻φ25孔夹具设计(说明书+CAD图纸+工序卡+过程卡)
- Java入门第82课——StringBuilder的append方法
- 【路径规划】基于蚁群算法求解电动汽车充电站与换电站协调路径规划matlab源码含GUI
- App Store 隐私政策
- GD32F303使用笔记——SPI0(一)