在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的这两点好处。

有三点一定在文中强调:

  1. MVVM和您现有的MVC架构是兼容的。
  2. MVVM使您的APP更容易测试。
  3. 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的,读者可以参考。本文代码在这里

 

欢迎加群互相学习,共同进步。QQ群:iOS: 58099570 | Android: 330987132 | Go:217696290 | Python:336880185 | 做人要厚道,转载请注明出处!
相关文章
|
前端开发 iOS开发 设计模式
[译] iOS 里的 MVVM 和 RxSwift
在本文中,我将介绍 iOS 编程中的 MVVM 设计模式以及 RxSwift。本文分为两部分,第一部分简要介绍了设计模式和 RxSwift 的基础知识,而在 第二部分 里,有一个实现了 MVVM 和 RxSwift 的示例项目。
1299 0
|
1月前
|
iOS开发 开发者
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
143 67
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
|
3月前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上,安卓和iOS两大阵营各据一方。随着技术的演进,跨平台开发框架成为开发者的新宠,旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战,并分享实用的开发技巧,帮助开发者在安卓和iOS的世界中游刃有余。
|
4天前
|
JavaScript 搜索推荐 Android开发
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
23 8
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
|
2月前
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架,这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例,我们将展示如何利用SwiftUI简化UI代码,提高开发效率,并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者,本文都将为你提供宝贵的见解和实用的指导。
145 66
|
2月前
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
90 11
|
2月前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
173 3
|
2月前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
|
3月前
|
存储 前端开发 Swift
探索iOS开发:从新手到专家的旅程
本文将带您领略iOS开发的奇妙之旅,从基础概念的理解到高级技巧的掌握,逐步深入iOS的世界。文章不仅分享技术知识,还鼓励读者在编程之路上保持好奇心和创新精神,实现个人成长与技术突破。
|
3月前
|
安全 IDE Swift
探索iOS开发之旅:从初学者到专家
在这篇文章中,我们将一起踏上iOS开发的旅程,从基础概念的理解到深入掌握核心技术。无论你是编程新手还是希望提升技能的开发者,这里都有你需要的指南和启示。我们将通过实际案例和代码示例,展示如何构建一个功能齐全的iOS应用。准备好了吗?让我们一起开始吧!

热门文章

最新文章

  • 1
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 3
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
  • 4
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 5
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
  • 6
    iOS8 中无需开源库的内置功能一览
  • 7
    iOS7应用开发7:自定义视图、手势操作
  • 8
    IOS小工具以及精彩的博客
  • 9
    Facebook SDK(iOS)初学讲解
  • 10
    iOS - Swift NSPoint 位置
  • 1
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
    14
  • 2
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
    28
  • 3
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    34
  • 4
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 5
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
    23
  • 6
    uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
    143
  • 7
    【05】2025年1月首发完整版-篇幅较长-苹果app如何上架到app store完整流程·不借助第三方上架工具的情况下无需花钱但需仔细学习-优雅草央千澈详解关于APP签名以及分发-们最关心的一篇来了-IOS上架app
    235
  • 8
    app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
    90
  • 9
    深入探索iOS开发中的SwiftUI框架
    145
  • 10
    ios样式开关按钮jQuery插件
    60