美文网首页
iOS设计模式和架构(1)-MVC、MVP、MVVM、VIPER

iOS设计模式和架构(1)-MVC、MVP、MVVM、VIPER

作者: 周灬 | 来源:发表于2019-09-27 14:08 被阅读0次

    当今我们已经有了很多种架构的选择:MVC、MVP、MVVM、VIPER.
    前三种设计模式都把一个应用中的实体分为以下三类:
    Models--负责主要的数据或者操作数据的数据访问层,可以想象 Perspn 和 PersonDataProvider 类。
    Views--负责展示层(GUI),对于iOS环境可以联想一下以 UI 开头的所有类。
    Controller/Presenter/ViewModel--负责协调 Model 和 View,通常根据用户在View上的动作在Model上作出对应的更改,同时将更改的信息返回到View上。

    将实体进行划分给我们带来了以下好处:

    • 更好的理解它们之间的关系;
    • 复用(尤其是对于View和Model);
    • 独立的测试;

    让我们开始了解MV(X)系列,之后再返回到VIPER模式。

    MVC

    传统的MVC模式

    在我们探讨Apple的MVC模式之前,我们来看下传统的MVC模式

    传统的MVC.png

    在这里,View并没有任何界限,仅仅是简单的在Controller中呈现出Model的变化。想象一下,就像网页一样,在点击了跳转到某个其他页面的连接之后就会完全的重新加载页面。尽管在iOS平台上实现这这种MVC模式是没有任何难度的,但是它并不会为我们解决架构问题带来任何裨益。因为它本身也是,三个实体间相互都有通信,而且是紧密耦合的。这很显然会大大降低了三者的复用性,而这正是我们不愿意看到的。鉴于此我们不再给出例子。
    传统的MVC架构不适用于当下的iOS开发

    苹果推荐的MVC--愿景

    apple的MVC.png

    由于Controller是一个介于View 和 Model之间的协调器,所以View和Model之间没有任何直接的联系。Controller是一个最小可重用单元,这对我们来说是一个好消息,因为我们总要找一个地方来写逻辑复杂度较高的代码,而这些代码又不适合放在Model中。

    理论上来讲,这种模式看起来非常直观,但你有没有感到哪里有一丝诡异?你甚至听说过,有人将MVC的缩写展开成(Massive View Controller),更有甚者,为View controller减负也成为iOS开发者面临的一个重要话题。如果苹果继承并且对MVC模式有一些进展,所有这些为什么还会发生?

    苹果推荐的MVC--事实

    apple事实的MVC.png

    Cocoa的MVC模式驱使人们写出臃肿的视图控制器,因为它们经常被混杂到View的生命周期中,因此很难说View和ViewController是分离的。尽管仍可以将业务逻辑和数据转换到Model,但是大多数情况下当需要为View减负的时候我们却无能为力了,View的最大的任务就是向Controller传递用户动作事件。ViewController最终会承担一切代理和数据源的职责,还负责一些分发和取消网络请求以及一些其他的任务,因此它的名字的由来...你懂的。

    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:NSStringFromClass([UITableViewCell class])];
    cell.model = self.Model;
    

    这个cell,正是由View直接来调用Model,所以事实上MVC的原则已经违背了,但是这种情况是一直发生的甚至于人们不觉得这里有哪些不对。如果严格遵守MVC的话,你会把对cell的设置放在 Controller 中,不向View传递一个Model对象,这样就会大大增加Controller的体积。

    Cocoa 的MVC被写成Massive View Controller 是不无道理的。

    直到进行单元测试的时候才会发现问题越来越明显。因为你的ViewController和View是紧密耦合的,对它们进行测试就显得很艰难--你得有足够的创造性来模拟View和它们的生命周期,在以这样的方式来写View Controller的同时,业务逻辑的代码也逐渐被分散到View的布局代码中去。

    我们看下一些简单的例子:

    代码的例子.png
    MVC可以在一个正在显示的ViewController中实现

    这段代码看起来可测试性并不强,我们可以把和greeting相关的都放到GreetingModel中然后分开测试,但是这样我们就无法通过直接调用在GreetingViewController中的UIView的方法(viewDidLoad和didTapButton方法)来测试页面的展示逻辑了,因为一旦调用则会使整个页面都变化,这对单元测试来讲并不是什么好消息。
    事实上,在单独一个模拟器中(比如iPhone 4S)加载并测试UIView并不能保证在其他设备中也能正常工作,因此我建议在单元测试的Target的设置下移除"Host Application"项,并且不要在模拟器中测试你的应用。
    View和Controller的接口并不适合单元测试

    以上所述,似乎Cocoa MVC 看起来是一个相当差的架构方案。我们来重新评估一下MVC一系列的特征:

    • 任务均摊--View和Model确实是分开的,但是View和Controller却是紧密耦合的;
    • 可测试性--由于糟糕的分散性,只能对Model进行测试;
    • 易用性--与其他几种模式相比最小的代码量。熟悉的人很多,因而即使对于经验不那么丰富的开发者来讲维护起来也较为容易;

    如果你不想在架构选择上投入更多精力,那么Cocoa MVC无疑是最好的方案,而且你会发现一些其他维护成本较高的模式对于你所开发的小的应用是一个致命的打击。
    就开发速度而言,Cocoa MVC是最好的架构选择方案。

    MVP

    MVP实现了Cocoa的MVC的愿景

    MVP的结构.png

    这看起来不正是苹果所提出的MVC方案吗?确实是的,这种模式的名字叫做MVC,但是,这就是说苹果的MVC实际上就是MVP了?不,并不是这样的。如果你仔细回忆一下,View是和Controller紧密耦合的,但是MVP的协调器Presenter并没有对ViewController的生命周期做任何改变,因此View可以很容易的被模拟出来。在Presenter中根本没有和布局有关的代码,但是它却负责更新View的数据和状态。

    假如告诉你UIViewController就是View呢?

    就MVP而言,UIViewController的子类实际上就是Views并不是Presenters。这点区别使得这种模式的可测试性得到了极大的提高,付出的代价是开发速度的一些降低,因为必须要做一些手动的数据和事件绑定,从下例中可以看出

    代码例子1.png 代码例子1补充.png

    关于整合问题的重要说明

    MVP是第一个如何协调整合三个实际上分离的层次的架构模式,既然我们不希望View涉及到Model,那么在显示的View Controller(其实就是View)中处理这种协调的逻辑就是不正确的,因此我们需要在其他地方来做这些事情。例如,我们可以做基于整个App范围内的路由服务,由它来负责执行协调任务,以及View到View的展示。这个出现并且必须处理的问题不仅仅是在MVP模式中,同时也存在于以下集中方案中。

    我们来看下MVP模式下的三个特性的分析:

    • 任务均摊--我们将最主要的任务划分到Presenter和Model,而View的功能较少(虽然上述例子中Model的任务也并不多);
    • 可测试性--非常好,由于一个功能简单的View层,所以测试大多数业务逻辑也变得简单;
    • 易用性--在我们上边不切实际的简单的例子中,代码量是MVC模式的2倍,但同时MVP的概念却非常清晰;

    iOS 中的MVP意味着可测试性强、代码量大。

    MVP--绑定和信号

    还有一些其他形态的MVP--监控控制器的MVP。
    这个变体包含了View和Model之间的直接绑定,但是Presenter仍然来管理来自View的动作事件,同时也能胜任对View的更新。

    apple的MVC.png

    但是我们之前就了解到,模糊的职责划分是非常糟糕的,更何况将View和Model紧密的联系起来。这和Cocoa的桌面开发的原理有些相似。
    和传统的MVC一样,写这样的例子没有什么价值,故不再给出。

    MVVM

    MVVM--最新且是最伟大的MV(X)系列的一员

    MVVM架构是MV(X)系列最新的一员,因此让我们希望它已经考虑到MV(X)系列中之前已经出现的问题。

    从理论层面来讲MVVM看起来不错,我们已经非常熟悉View和Model,以及Meditor,在MVVM中它是View Model。

    MVVM的结构.png

    MVVM的详情

    它和MVP模式看起来非常像:

    • MVVM将ViewController视作View;
    • 在View和Model之间没有紧密的联系;

    此外,它还有像监管版本的MVP那样的绑定功能,但这个绑定不是在View和Model之间而是在View和ViewModel之间。
    那么问题来了,在iOS中ViewModel实际上代表什么?它基本上就是UIKit下的每个控件以及控件的状态。ViewModel调用会改变Model同时会将Model的改变更新到自身并且因为我们绑定了View和ViewModel,第一步就是相应的更新状态。

    绑定

    我在MVP部分已经提到这点了,但是该部分我们仍会继续讨论。

    如果我们自己不想自己实现,那么我们有两种选择:

    事实上,尤其是最近,你听到MVVM就会想到ReactiveCoca,反之亦然。尽管通过简单的绑定来使用MVVM是可实现的,但是ReactiveCocoa却能更好的发挥MVVM的特点。
    但是关于这个框架有一个不得不说的事实:强大的能力来自于巨大的责任。当你开始使用Reactive的时候有很大的可能就会把事情搞砸。换句话来说就是,如果发现了一些错误,调试出这个bug可能会花费大量的时间,看下函数调用栈:

    调用栈.png

    Reactive Debugging

    在我们简单的例子中,FRF框架和KVO被过渡禁用,取而代之地我们直接去调用showGreeting方法更新ViewModel,以及通过greetingDidChange 回调函数使用属性。

    代码例子1.png 代码例子1-补充.png

    让我们再来看看关于三个特性的评估:

    • 任务均摊 -- 在例子中并不是很清晰,但是事实上,MVVM的View要比MVP中的View承担的责任多。因为前者通过ViewModel的设置绑定来更新状态,而后者只监听Presenter的事件但并不会对自己有什么更新;
    • 可测试性 -- ViewModel不知道关于View的任何事情,这允许我们可以轻易的测试ViewModel。同时View也可以被测试,但是由于属于UIKit的范畴,对他们的测试通常会被忽略;
    • 易用性 -- 在我们例子中的代码量和MVP的差不多,但是在实际开发中,我们必须把View中的事件指向Presenter并且手动的来更新View,如果使用绑定的话,MVVM代码量将会小的多;

    MVVM很诱人,因为它集合了上述方法的优点,并且由于在View层的绑定,它并不需要其他附加的代码来更新View,尽管这样,可测试性依然很强。

    VIPER

    VIPER--把LEGO建筑经验迁移到iOS app的设计

    VIPER是我们最后要介绍的,由于不是来自于MV(X)系列,它具备一定的趣味性。

    迄今为止,划分责任的粒度是很好的选择。VIPER在责任划分层面进行了迭代,VIPER分为五个层次:

    VIPER.png
    • 交互器-- 包括关于数据和网络请求的业务逻辑,例如创建一个实体(数据),或者从服务器中获取一些数据。为了实现这些功能,需要使用服务、管理器,但是他们并不被认为是VIPER架构内的模块,而是外部依赖;
    • 展示器-- 包含UI层面的业务逻辑以及在交互器层面的方法调用;
    • 实体-- 普通的数据对象,不属于数据访问层次,因为数据访问属于交互器的职责。路由器-- 用来连接VIPER的各个模块;

    基本上,VIPER模块可以是一个屏幕或者用户使用应用的整个过程--想想认证过程,可以由一屏完成或者需要几步才能完成,你的模块期望是多大的,这取决于你。

    -当我们把VIPER和MV(X)系列作比较时,我们会在任务均摊性方面发现一些不同:

    • Model逻辑通过把实体作为最小的数据结构转换到交互器中;
    • Controller/Presenter/ViewModel的UI展示方面的职责移到了Presenter中,但是并没有数据转换相关的操作;

    VIPER是第一个通过路由器实现明确的地址导航模式。
    找到一个适合的方法来实现路由对于iOS应用是一个挑战,MV(X)系列避开了这个问题。

    例子中并不包含路由和模块之间的交互,所以和MV(X)系列部分架构一样不再给出例子。

    代码例子1.png 代码例子1_补充.png

    让我们再来评估一下特性:

    • 任务均摊 -- 毫无疑问,VIPER是任务划分中的佼佼者;
    • 可测试性 -- 不出意外地,更好的分布性就有更好的可测试性;
    • 易用性 -- 最后你可能已经猜到了维护成本方面的问题。你必须为很小功能的类写出大量的接口;
                                想了解更多iOS学习知识请联系:QQ(814299221)

    相关文章

      网友评论

          本文标题:iOS设计模式和架构(1)-MVC、MVP、MVVM、VIPER

          本文链接:https://www.haomeiwen.com/subject/qinrectx.html