在iOS项目中引入MVVM

本文翻译自：http://www.objc.io/issue-13/mvvm.html。为了方便读者并节约时间，有些不是和文章主题相关的就去掉了。如果读者要看原文的话可以通过前面的url直接访问。作者也是做了iOS多年，从大学一直到现在n多年了。对于开发一款有B格的APP很有追求。学习了很多的东西，比如，silver bullet什么的，设计模式什么的。但是，面对急速膨胀的代码量，即使才高八斗也显得无所适从。于是他开始思考人生。。。

MVC？还有另外一个解释：Massive View Controller，翻译过来就是一大堆的View Controller的意思。有的时候真的时有这种感觉，View Controller太多了。尤其在一个人晚上加班改bug的时候，感觉更明显。于是，你会恨不得全部推倒重来算了！

从架构的角度考虑，也许MVC的一个衍生架构MVVM更加的合适。这里就不讨论MVVM的前世今生了。园子里的各位.NET达人从很久以前就已在WPF上玩这个东西了。先看一下iOS的MVC是什么样的，然后一步一步的进入MVVM。iOS的MVC：

这是一个典型的MVC架构。Models代表数据，views代表的时用户界面，view controllers在中间协调。仔细一想你会发现，虽然view和view controller是两个完全不同的东西，但是他们却紧密结合。什么时候一个view可以和不同的view controller结合使用，或者一个view controller可以和不同的view结合使用。所以，这个架构其实是这样的：

这样就跟准确的描述了MVC架构下的代码是怎么写的。但是，这还没有反应出来iOS开发中大量增加的view controller。在典型的MVC应用中，很多的逻辑处理放在view controller中。有些确实是需要放在view controller中的。但是还有很大一部分式“展示逻辑（presentation logic）”。这是一个MVVM的术语，指的是那些把Model里d的数据转换成view中可以显示的形式的过程。比如，把一个NSData转换成有一定格式的NSString就是这么一个过程。

上面的图都少了一部分内容。缺少了的就是那部分“展示逻辑”。这一部分抽象出来之后就可以叫做“view model”。这一部分在view、view controller和model之间。

看起来更合理了把。这附图准确的描述了什么是MVVM，一个增强版的MVC。这里，我们可以正式的把view和controller连接起来。并把展示逻辑从view controller中挪出去，形成一个新的对象：view model。MVVM听起来复杂，其实就是一个穿了件新衣的MVC。本质上和MVC是一样的。

现在您应该清楚什么是MVVM了。那么，为什么要用这个东西呢？因为，使用这个架构编写代码可以减少view controller的复杂度，并且展示的逻辑也更容易测试。下面就通过代码展示一下MVVM的这两点好处。

有三点一定在文中强调：

MVVM和您现有的MVC架构是兼容的。
MVVM使您的APP更容易测试。
MVVM可以和绑定型的架构很好共存。

如前文所述，MVVM就是一个加强版的MVC。所以很容易看到这个模式如何和之前的MVC架构共存。我们先创建一个简单的Person model和对应的view controller。

//
//  Person.swift
//  MVVM
//
//  Created by Bruce Lee on 9/12/14.
//  Copyright (c) 2014 Dynamic Cell. All rights reserved.
//  QQ群：58099570
//

import UIKit

class Person {
    var salutation: String?
    var firstName: String?
    var lastName: String?
    var birthDate: NSDate?
    
    init(salutation: String?, firstName: String?, lastName: String?, birthDate: NSDate?){
        self.salutation = salutation
        self.firstName = firstName
        self.lastName = lastName
        self.birthDate = birthDate
    }
}

现在假设我们有一个view controller叫做PersonViewController，在viewDidLoad中要用model Person来设定一些Label的值：

    override func viewDidLoad() {
        super.viewDidLoad()
        
        if self.model.salutation!.utf16Count > 0 {
            self.nameLabel.text = "(self.model.salutation) (self.model.firstName) (self.model.lastName)"
        }
        else{
            self.nameLabel.text = "(self.model.firstName) (self.model.lastName)"
        }
        
        var dateFormatter = NSDateFormatter()
        dateFormatter.dateFormat = "EEEE MMMM d, yyyy"
        self.birthDateLabel.text = dateFormatter.stringFromDate(self.model.birthDate!)
    }

这些都是最常规的MVC代码的写法。下面看看如何写view model。

import UIKit

class PersonViewModel {
    var person: Person!
    var nameText: String?
    var birthDateText: String?
    
    init(person: Person){
        self.person = person
        
        if self.person?.salutation?.utf16Count > 0{
            self.nameText = "(self.person.salutation) (self.person.firstName) (self.person.lastName)"
        }
        else{
            self.nameText = "(self.person.firstName) (self.person.lastName)"
        }
        
        var dateFormatter = NSDateFormatter()
        dateFormatter.dateFormat = "EEEE MMMM d, yyyy"
        self.birthDateText = dateFormatter.stringFromDate(self.person.birthDate!)
    }
}

这样，显示逻辑已经从viewDidLoad方法中迁移了出去。现在viewDidLoad方法就显得轻量了很多。

    override func viewDidLoad() {
        super.viewDidLoad()
        
        self.nameLabel.text = self.viewModel.nameText
        self.birthDateLabel.text = self.viewModel.birthDateText
    }

你会看到，并不需要对MVC架构做多大的修改。几乎只是原来的代码稍作移动。完全和MVC兼容，减少了view controller的重量，而且变得更加容易测试。

下面说说可测试。view controller的难以测试简直是出了名的。在MVVM中，代码很大一部分都移到了view model中。并且view model都是很容易测试的。如：

var person: Person!
    
    override func setUp() {
        super.setUp()
        var salutation = "Dr."
        var firstName = "first"
        var lastName = "last"
        var birthDate = NSDate(timeIntervalSince1970: 0)
        self.person = Person(salutation: salutation, firstName: firstName, lastName: lastName, birthDate: birthDate)
    }

    func testUserSalutation(){
        var viewModel = PersonViewModel(person: self.person)
        XCTAssert(viewModel.nameText! == "Dr. first last" , "use salutation available (viewModel.nameText!)")
    }

    func testNoSalutation(){
        var localPerson = Person(salutation: nil, firstName: "first", lastName: "last", birthDate: NSDate(timeIntervalSince1970: 0))
        var viewModel = PersonViewModel(person: localPerson)
        XCTAssert(viewModel.nameText! == "first last", "should not use salutation (viewModel.nameText!)")
    }
    
    func testBirthDateFormat(){
        var viewModel = PersonViewModel(person: self.person)
        XCTAssert(viewModel.birthDateText! == "Thursday January 1, 1970", "date (viewModel.birthDateText!)")
    }

如果不是把代码移到了view model中，测试的时候就不得不初始化一个view controller，当然还有view controller里的一堆view。然后对比的时这些view（上例提到的时Label）的某些属性的值。这样不仅是非常的不方便、不直接，而且还会形成一种非常脆弱的测试：因为，view controller的试图层次根本就不能有任何的变动，一旦变动测试即告失败！或者测试根本就编译不过。使用MVVM对于测试的益处是显而易见的。在上例中还是比较简单的逻辑。如果换做其他的产品环境的复杂的显示逻辑的话，这种易于测试的好处会更加明显。

注意到，上面使用到的例子都是比较简单的。没什么需要修改的属性。可以直接使用初始值初始化对象。对于有修改的model。我们需要用到某中绑定机制。这样在model的某些值修改以后才能保证基于这个model的view model的值也跟着改变。更深一步，model值修改之后，view调用的view model的值也能跟着修改。也就是，一个对于model的修改，和model相关的view model和view的值都能同步的更新。

在OSX上，可以使用Cocoa bindings。但是iOS上没有这个奢侈品。但是key-value observation完全可以胜任。只是在很多属性的时候会增加代码量。也可以使用ReactiveCocoa。当然这只是一个选择。一个不错的绑定框架，会使MVVM好上加好。

我们已经讲了很多关于MVVM的内容。从易于测试的角度讲了MVVM。一个好的绑定框架会使MVVM更加好用。如果要更多的了解MVVM的话可以看这里。这些文章更多的讲述了MVVM的好处。或者这一篇，讲述了在原有项目上使用MVVM并取得了不错的效果。还有这里的一个开源app，完全是基于MVVM的，读者可以参考。本文代码在这里。