基于iOS的MVVM

【原文】https://www.teehanlax.com/blog/model-view-viewmodel-for-ios/

基于iOS的MVVM

如果你开发iOS应用已经有一段时间了,你可能会听说过模型-视图-控制器(Model-View-Controller)或者MVC。这是你构建iOS应用的标准方案。然而,近来,我越来越受不了MVC中的一些缺点了。在这篇文章中,我打算旧事重提,看看什么是MVC?它的弱点具体是什么?此外还会向你介绍一种构建应用的新方式:模型-视图-视图模型(Model-View-ViewModel)。请拿出你的术语bingo卡片,因为我们即将有一个转换范例。


模型-视图-控制器(Model-View-Controller

模型-视图-控制器(Model-View-Controller)是构建代码的最权威范例。在MVC中,所有的对象都被分类为模型、视图或者控制器。模型(Model)保存数据,视图(View)展示与用户交互的界面,视图控制器对模型(Model)和视图(View)之间的交互进行“居中调停”。

image

在图表中,视图中的任何用户交互都会通知到控制器。然后,视图控制器会更新模型(Model)以反映状态的改变。然后,模型(通常是通过Key-Value-Observation)通知控制器去更新需要在其视图中展示的数据。这种协调构成了iOS应用的大量应用代码。

通常,模型(Model)对象非常的简单。很多时候,它们可能是Core Data中的管理对象(managed objects,或者,如果你不使用Core Data,你可以用其他流行的模型层。根据苹果官方文档描述,模型包含数据和操作数据的逻辑。事实上,模型通常都比较简单,不管好坏,模型处理逻辑都推给了控制器。

视图(View)可以是UIKit组件或者程序员自定义的UIKit组件集合。这些东西正是在可视化可交互的应用组件.xib或者Storyboard中使用的零件。正如你知道的按钮(Buttons)、标签(Labels)等。视图永远不会直接引用模型(Model),只能通过IBAction事件引用控制器。与视图无关的业务逻辑不应该出现在这里。

剩下就是控制器了。控制器是执行“胶水(glue code)”代码的地方,这些代码会协调模型(Model)和视图(View)之间的所有交互。控制器负责管理属于自己的视图的视图层次结构。他们负责响应视图加载,显示,消失等等。控制器也更倾向于处理置身于模型(Model)之外的模型逻辑和置身于视图(View)之外的业务逻辑。这把我们引向了MVC的第一个问题...


臃肿的视图控制器(Massive View Controller

由于视图控制器中存在大量的代码,这往往会使它们变的极其臃肿。在iOS项目中,视图控制器中包含成千上万行代码的情况并不罕见。膨胀的视图控制器让你的应用不堪重负:难以维护(由于它们庞大的规模),其中数十个属性使它们的状态更难以管理,控制器逻辑同其遵守的众多协议的实现代码混合。

由于众多可能的状态,所以很难对臃肿的视图控制器进行测试,不管是手动还是单元测试。通常,把代码分成很小的片段是一个很好的方法。这样我想到了最近放生的一件事


缺少网络逻辑

MVC的定义——苹果公司也在使用——中声明:所有的对象都可以按照模型(Model)、视图(View)、控制器(Controller)进行分类。那么你们把网络逻辑代码放在哪里?与API进行通讯的代码在哪里?

你可以把它放在模型对象中,但这可能会变的棘手,因为网络调用应该是异步完成的,因此,如果网络比拥有的模型存活时间长,那么,它就变得复杂了。当然,你也不应该把网络逻辑代码放在视图中,那么就剩下控制器了。但是,这也不是一个好主意,因为,这加速了臃肿视图控制器问题的产生。

那么,应该放在哪里呢?MVC的这三个部分没有合适的地方放置网络逻辑代码。


可测试性差

MVC的另一个大问题是不利于程序员编程单元测试。因为,视图控制器中混合了视图处理逻辑和业务逻辑,为了单元测试而对这些组件进行分离就变的困难无比。很多人都忽略了这项工作...任何东西都不测试。


“管理”的模糊定义

我之前提到过视图控制器可以管理视图层级结构;视图控制器存在一个“视图”属性,并且视图可以通过IBOutlets访问任何子视图。过多的outlets不利于对视图控制器进行扩展,在某种情况下,你最好使用子视图控制器帮助你管理所有的子视图。

什么情况下呢?什么时候对视图控制器中的视图进行分离对
它有利呢?验证用户输入的业务逻辑是属于控制器还是模型呢?

这些界线很模糊,无法对其达成统一。不管你的界线如何划分,视图和响应控制器都是紧耦合的,总之,你可能都会会把它们当做一个组件。

现在有一个新的概念...


模型-视图-视图模型(Model-View-ViewModel

MVVM

理论上,MVC能够很好的工作。然而,在现实中并非如此。现在,我们已经介绍过打破MVC经典使用的情况(MVC在实际使用中出现的问题),下面让我们看一种可选的架构模式:模型-视图-视图模型(Model-View-ViewModel)。

MVVM微软提出,但不要排斥它。MVVMMVC很相似。它形式化了视图和控制器紧耦合的特性并且引入了一个新的组件。

MVVM中,视图和视图控制器正式的连接在了一起;我们把它们当做一个整体。视图仍然不会引用模型(Model),此外控制器也是如此。它们反而会引用视图模型(View Model)。

对于用户输入验证逻辑,视图展示逻辑,请求网络和其他杂项代码,视图模型是一个极佳的放置地方。唯一不属于视图模型的是视图自己的引用。iOS中视图模型的逻辑同样适用于OSX。(换句话说,只要不在视图模型中#import UIKit.h就不会出现问题)。

因为像映射模型中的值到格式化的字符串中这样的展示逻辑属于视图模型,这使得控制器变的非常简洁。在你开始使用MVVM时,最大的好处是,你只需要在视图模型中写很少的逻辑,并且随着你对范例的了解,你可以向其中添加更多的逻辑进去。

使用MVVM构建iOS应用有着很好的测试性;因为视图模型包含所有的展示逻辑并且不引用视图,它可以使用编程的方式对其进行全面的测试。测试核心数据模型会涉及到许多黑客行为,但是使用MVVM构建的iOS应用可以对其进行全面的单元测试。

以我的经验,使用MVVM可能会稍微的增加你的代码量,但是会降低代码的复杂度。这个取舍很值得。

如果你在看一下MVVM结构图,你会注意到我在使用“notify”和“update”的时候很模糊,没有指出如何去做。你可以像在MVC中那样使用KVO,但是很快就会变得难以管理。在实际中,使用ReactiveCocoa可以很好地把这些活动的组件连接在一起。

结合ReactiveCocoa如何使用MVVM,如果你想知道关于这些方面的更多信息,你可以阅读Colin Wheeler‘s的文章——excellent write-up或者check out我写的开源应用。你也可以阅读我关于ReactiveCocoa和MVVM的书

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,997评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,603评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,359评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,309评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,346评论 6 390
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,258评论 1 300
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,122评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,970评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,403评论 1 313
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,596评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,769评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,464评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,075评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,705评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,848评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,831评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,678评论 2 354

推荐阅读更多精彩内容