Android中的MVVM架构设计-实用篇(二)

Android中的MVVM架构设计-实用篇(二)_第1张图片
速度与激情7.jpg

引言

拖的时间够久的了,赶紧来还债了...

by the way...
今天由于一些私人的关系,去了趟「大望路」的「小米体验店」里去体验了一下,看到了刚刚发布的的「小米8」,还有「小米8SE」,但是对我的感觉冲击不是很大,不过 这两部手机的速度肯定是没得说的,性价比也很不错,只是没有让我很想买的冲动,所以现在有想换设备的同学,可以抽空去体验一下再做决定,而手中的设备还够用,就不要着急换了,等更好的出来吧~~

(不喜勿喷哦,决定权在于你哦)

接着上一篇的mvvm的介绍,今天给大家讲解下
「如何只设置一次数据,再当数据发生变化时,让视图直接自动变化?」
好吧,这个命题很长,大家可以精简一下,大致意思就是如此。

请看正文

方法一、实现BaseObservable接口

即:让我们操作的bean去继承BaseObservable类,再去按照「特殊的规则」去编写,即可实现。
ok,废话不多说,直接上代码


Android中的MVVM架构设计-实用篇(二)_第2张图片
extends BaseObservable class.png

ok,看到上图中的”红框“ 和”蓝框“了吗,当我们将User类继承BaseObservable类后,其实不需要再重写什么方法,只需要

1、给之前的get方法添加 "@Bindable"注解

2、给之前的set方法的最后边添加"notifyPropertyChanged(BR.对应的控件id)"

步骤一的作用就是通过注解的方式,来标记此get属性方法,将来是要自动触发的动作
而步骤二的作用则是,当数据发生变化时,发出此属性已经改变的通知,从而让dataBinding框架去自动调用get方法

这里解释下BR这个东西是什么鬼,BR类其实类似R文件,使我们启用DataBinding框架之后,构建项目自动生成的类,我们可以在写完之后点击BR的目录,就是下图所示


Android中的MVVM架构设计-实用篇(二)_第3张图片
BR目录.png

看,不是是跟自动生成的R文件很像?
ok,只要这样,再配合代码,就能达到

「只设置一次数据,再当数据发生变化时,让视图直接自动变化」

的效果了
我们看一下MainActivity代码


Android中的MVVM架构设计-实用篇(二)_第4张图片
继承BaseObservable方式MainActivity代码.png

Android中的MVVM架构设计-实用篇(二)_第5张图片
继承BaseObservable方法的布局.png

此布局其实结合了方法2的布局,我这里比较懒,没删,请自行将包含"login"的段落的忽略掉(懒成这样真是没救了。。。)

恩,好了,再结合上方粘贴的User类就能出结果了,我们来看一下


Android中的MVVM架构设计-实用篇(二)_第6张图片
方法1.gif

恩 效果就出来了
我们来看下一种吧

方法二、定义ObserverField对象

这个方式用的人还是蛮多的,我就不绕弯子,直接贴代码吧


Android中的MVVM架构设计-实用篇(二)_第7张图片
方法2-类.png

这个方法最主要的变化就是,不再用我们以前用的变量类型去声明变量了,而是通过「ObservableField」再集合之前的泛型,去声明变量,当然,还需要生成getter setter方法喽

Android中的MVVM架构设计-实用篇(二)_第8张图片
方法2MainActivity.png

MainAcitivity代码基本上和方法1一致,但是请注意

ObservableField 设置内容时需要使用set方法去设置了

    login.getPassword().set("是吗,好帅哦~~");
Android中的MVVM架构设计-实用篇(二)_第9张图片
方法2布局.png

ok,看看结果吧


Android中的MVVM架构设计-实用篇(二)_第10张图片
方法2.gif

结语

本篇算是短文了,大家可以抽几分钟的时间去试验一下,接下来的文章,我将会把ImageView如何展示图片,listview,recyclerview展示列表等一一展示,谢谢大家的支持!!

你可能感兴趣的:(Android中的MVVM架构设计-实用篇(二))