剖析几种流行的 iOS 设计模式--MVC;MVVM;VIPER

在这篇文章里,我们争取用最精简的语言,解释清楚这几种设计模式到底给我带来了什么便利。

以看图说话的方式逐一解释,最后总结

MVC

legacy MVC

这是我们最早接触,也最熟悉的设计模式了

但要记住 Controller 不是我们通常理解的 ViewController !Controller 你可以认为是 Helper 方法。他不掌管 View 的生命周期。也就是说和 UIKit 无关!ViewController 你可以把他理解为 Scene 或 装配中心。

感谢有人做了一个精辟的总结。看图理解吧:


MVC

这才是真正的 MVC 使用姿势。


MVP


MVP

从对比可以看到 MVC 的 Controller 变成了 Presenter  , UIView 或 UIViewController 为 View 层。View 持有 Presenter,Presenter 持有 Model。View 与 Model 完全隔离。

当事件发生,交由 Presenter 进行业务逻辑处理,Presenter 从 Model 拿数据,拿到数据后然后将数据返回给Presenter,Presenter 再返回给 View 。可以理解 Presenter 是一个中间人。

同样 Presenter 应完全不依赖 UIKit 。如果需要与 View 交互,可以采用 Protocol 协议进行约定,调用。保证逻辑清楚,可测试。

最简样列代码:

MVP Example

注意中文标注的地方。

另外还有一个 Supervising Presenter MVP 的升级版本,将 View 与 Model 进行绑定。View 会受到 Model 的变更影响,同时 Presenter 依旧可以控制 View 状态。这种模糊的职责关系,还是少用为好。

MVVM


MVVM

MVP 一样,View Model 承担了类似 Presenter 中间层的角色。区别在于"数据与用户行为"的绑定是在 View 与 View Model 层上发生的。这个时候不影响这个设计架构中 View Model 应该承担的角色属性:更新 View 状态。

关于绑定我们可以用 KVO 模式及函数式编程来实现我们的所需。如果你想更高效的完成这个动作,可以参考现有的解决方案:
  1.  KVO : RZDataBinding or the SwiftBond
  2.  Functional programming:  ReactiveCocoa, RxSwift or PromiseKit

不过,对于 ReactiveCocoa 我只能说慎用,设计起来会非常麻烦。

这里,我们还列举最简单的例子,没有用到 KVO 或 RX 之类的设计,使用最为传统的 Protocol 来实现彼此的交互过程


MVVM Example

我们可以看重点中文标注的地方,这里通过协议里的定义,第一步 View 层发起数据请求 showGreeting 交由 ViewModel 进行数据处理,处理完成后,因 greeting 发生变化,触发 greetingDidChange 事件发生。

在这个实例里 ViewController 有设定 greetingDidChange 回调,所以实现了类似了上面所说的数据与行为绑定。

VIPER


VIPER

从结构上来看,在 Presenter 中间多了一层 Interactor ,它主要起到了数据维护访问的职责。你可以封装更多的 Service 或 Managers 做为依赖调用。

对于页面间的跳转,这里增加了 Router 层,专门用于跳转逻辑,实际上现在不少架构已经加了各自的 Router 逻辑。这一点可能是从 Rails 框架继承而来。

下面的例子不包含 Router 层

VIPER Example

从以上最简的示例代码来看,View 层 (ViewController) 同样还是通过  Presenter 层 (GreetingViewEventHandler) 触发事件逻辑,只不过 Presenter 拿数据是从 Iteractor 层(GreetingProvider)去拿。层与层之间还是通过协议通导,不依赖实体。

从这个架构来看,它的耦合性是最小的,不过也带了设计上的复杂性。所以使用时,要因地制宜。

总结

最后附上一位专家 Bohdan Orlov 的总结,它们的横向对比图,寻找自己最适合的模式使用。


iOS Arch comparison

耦合度 (Distribution)
可测性 (Testability)
易用性 (Ease of use)

PS:这里也提到了 Redux 模式,想了解 Redux 相关的内容话,看这个链接吧。研究不深,大致是和 FP (函数式编程) 与 State 流相关。

总而言之

1. 没有杀手锏
    no Sliver Bullet
2. 分层治理
    分久必合,合久并分,看具体业务场景
4. 低耦合,高内聚
    基本要素
5. 遵从流行的框架与概念,有利于团队间的沟通成本
    如果一定要发明,请多推广你的概念
6. 从简到繁,再化繁为简
    前一个繁是业务的属性,后一个繁是框架本身

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

推荐阅读更多精彩内容