iOS 關于MVC和MVVM設計模式的那些事

一、概述
  • 在 iOS 開發中,MVC(Model View Controller)是構建iOS App的標準模式,是蘋果推薦的一個用來組織代碼的權威范式。Apple甚至是這么說的。在MVC下,所有的對象被歸類為一個Model,一個View,和一個ControllerModel持有數據,View顯示與用戶交互的界面,而ViewController調解ModelView之間的交互。現在,MVC 依然是目前主流客戶端編程框架,但同時它也被調侃成Massive View Controller(重量級視圖控制器),想必開發者在開發中無可避免被下面幾個問題所困擾:

    • 厚重的ViewController
    • 遺失的網絡邏輯(無立足之地)
    • 較差的可測試性
  • 為了避免和解決上述問題的產生,從MVC引申出來一種維護性較強耦合性低的新的架構MVVM(Model View View-Mode)MVVM正式規范了視圖和控制器緊耦合的性質,并引入新的組件。MVVM主要目的是為了分離視圖(View)模型(Model)

  • 本文只是分享一下筆者對MVCMVVM的一些見解,在此拋磚引玉,希望能為存在對MVCMVVM迷茫的廣大開發者提供一點思路,少走一些彎路,填補一些細坑。文章僅供大家參考,若有不妥之處,還望不吝賜教,歡迎批評指正。

二、MVC(Model View Controller)
  1. MVC之間的關系
    任何一個正經開發過軟件的人都熟悉MVC,它意思是Model View Controller, 是一個在復雜應用設計中組織代碼的公認模式,它們之間的結構關系如下:
    MVC示意圖.png

我們看到的只是一個蘋果 **典型的MVC ** 設置。view將用戶交互通知給controllerview controller通過更新model來反應狀態的改變。model(通常使用Key-Value-Observation)通知controller來更新他們負責的view。大多數iOS應用程序的代碼使用這種方式來組織。然而,典型的MVC架構不適用于當下的iOS開發。盡管從技術上看ViewController 是相互獨立的,但事實上它們幾乎總是結對出現,一個 View 只能與一個 Controller 進行匹配,反之亦然。既然如此,那我們為何不正規化它們的連接:

MVC示意圖2.png

因此,M-VC 可能是對 iOS 開發中的 MVC模式更為準確的解讀,同時更也準確地描述了我們日常開發可能已經編寫的 MVC 代碼,但它并沒有做太多事情來解決 iOS 應用中日益增長的重量級視圖控制器的問題。(PS:躺槍了沒...)

舉例說明:


M-VC_Example.png

若假設筆者利用MVC的設計模式來開發此界面,那想必是這樣的。

  • M:SUGoods(商品模型Model)
  • V:SUGoodsCell(展示商品數據的View,自定義的 UITableViewCell)
  • C:SUHomeViewController (首頁控制器Controller)

控制器(SUHomeViewController)代碼實現

- (void) requestRemoteData
{
   // 1.發起網絡請求,獲取到服務器的數據,并將其轉化成模型數據(`SUGoods`)
   // 2.添加到數據源(`dataSource`)
   // 3.最后刷新表格`[self.tableView reloadData]`,配置`SUGoodsCel`l即可
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    SUGoodsCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Goods"];
    cell.goods = self.dataSource[indexPath.row];
    return cell;
}

View(SUGoodsCell)代碼實現

SUGoodsCell.h
@class SUGoods;
@interface SUGoodsCell : UITableViewCell
@property (nonatomic, strong) SUGoods *goods;
@end

SUGoodsCell.m
@implementation SUGoodsCell
- (void)setGoods:(SUGoods *)goods
{
     _goods = goods
     /// config data ....
}
@end 

都寫到這份上了,大家用腳趾頭想想,這個SUGoodsCell,正是由View直接來調用Model,所以事實上典型的MVC的原則已經違背了,但是這種情況是一直發生的甚至于人們不覺得這里有哪些不對。如果嚴格遵守MVC的話,你會把對cell的設置放在Controller中,不向View傳遞一個Model對象,這樣就會大大增加Controller的體積。所以說,這哪里是典型的MVC設計模式,這分明是M-VC設計模式呀。簡而言之,在理想的世界里,MVC也許工作的很好。然而,我們生活在真實的世界,謝謝(PS:讓夢想實現的最好的方式,就是醒來!!!)。

  1. MVC的弊端
    MVC的利弊大家想必是有目共睹的,Massive View Controller的說法也并非空穴來風的。讓我們一起探討MVC的弊端,剖析問題產生原因,打造一個輕量級的ViewController,明確MVC設計模式中各個角色的職責。
  • 厚重的View Controller
    M:模型model的對象通常非常的簡單。根據Apple的文檔,model應包括數據操作數據的業務邏輯。而在實踐中,model層往往非常薄,不管怎樣,model層的業務邏輯不應被拖入到controller
    V:視圖view通常是UIKit控件(component,這里根據習慣譯為控件)或者編碼定義的UIKit控件的集合。View的如何構建(PS:IB或者手寫界面)何必讓Controller知曉,同時View不應該直接引用model(PS:現實中,你懂的!),并且僅僅通過IBAction事件引用controller。業務邏輯很明顯不歸入view,視圖本身沒有任何業務。
    C:控制器controllerController是app的“膠水代碼”:協調模型和視圖之間的所有交互。控制器負責管理他們所擁有的視圖的視圖層次結構,還要響應視圖的loadingappearingdisappearing等等,同時往往也會充滿我們不愿暴露的model的模型邏輯以及不愿暴露給視圖的業務邏輯
    網絡數據的請求及后續處理,本地數據庫操作,以及一些帶有工具性質輔助方法都加大了Massive View Controller的產生。

  • 遺失(無處安放)的網絡邏輯
    蘋果使用的MVC的定義是這么說的:所有的對象都可以被歸類為一個model,一個view,或是一個controller
    你可能試著把它放在Model對象里,但是也會很棘手,因為網絡調用應該使用異步,這樣如果一個網絡請求比持有它的model生命周期更長,事情將變的復雜。顯然View里面做網絡請求那就更格格不入了,因此只剩下Controller了。若這樣,這又加劇了Massive View Controller的問題。若不這樣,何處才是網絡邏輯的家呢?

  • 較差的可測試性
    由于View Controller混合了視圖處理邏輯和業務邏輯,分離這些成分的單元測試成了一個艱巨的任務。若一個Massive View Controller有上萬行代碼,要你編寫個單元測試,我敢保證,你不是想寫,你是想死,分分鐘填表走人。

三、MVVM(Model View View-Mode)

一種可以很好地解決Massive View Controller問題的辦法就是將 Controller 中的展示邏輯抽取出來,放置到一個專門的地方,而這個地方就是 viewModelMVVM衍生于MVC,是對 MVC 的一種演進,它促進了 UI 代碼與業務邏輯的分離。它正式規范了視圖和控制器緊耦合的性質,并引入新的組件。他們之間的結構關系如下:

MVVM示意圖.png

  • MVVM 的基本概念

    • MVVM 中,viewview controller正式聯系在一起,我們把它們視為一個組件
    • viewview controller 都不能直接引用model,而是引用視圖模型(viewModel
    • viewModel 是一個放置用戶輸入驗證邏輯,視圖顯示邏輯,發起網絡請求和其他代碼的地方
    • 使用MVVM會輕微的增加代碼量,但總體上減少了代碼的復雜性
  • MVVM 的注意事項

    • view 引用viewModel ,但反過來不行(即不要在viewModel中引入#import UIKit.h,任何視圖本身的引用都不應該放在viewModel中)(PS:基本要求,必須滿足
    • viewModel 引用model,但反過來不行
  • MVVM 的使用建議

    • MVVM 可以兼容你當下使用的MVC架構。
    • MVVM 增加你的應用的可測試性。
    • MVVM 配合一個綁定機制效果最好(PS:ReactiveCocoa你值得擁有)。
    • viewController 盡量不涉及業務邏輯,讓 viewModel 去做這些事情。
    • viewController 只是一個中間人,接收 view 的事件、調用 viewModel 的方法、響應 viewModel 的變化。
    • viewModel 絕對不能包含視圖 view(UIKit.h),不然就跟 view 產生了耦合,不方便復用和測試。
    • viewModel之間可以有依賴。
    • viewModel避免過于臃腫,否則重蹈Controller的覆轍,變得難以維護。
  • MVVM 的優勢

    • 低耦合:View 可以獨立于Model變化和修改,一個 viewModel 可以綁定到不同的 View
    • 可重用性:可以把一些視圖邏輯放在一個 viewModel里面,讓很多 view 重用這段視圖邏輯
    • 獨立開發:開發人員可以專注于業務邏輯和數據的開發 viewModel,設計人員可以專注于頁面設計
    • 可測試:通常界面是比較難于測試的,而 MVVM 模式可以針對 viewModel來進行測試
  • MVVM 的弊端

    • 數據綁定使得Bug 很難被調試。你看到界面異常了,有可能是你 View 的代碼有 Bug,也可能是 Model 的代碼有問題。數據綁定使得一個位置的 Bug 被快速傳遞到別的位置,要定位原始出問題的地方就變得不那么容易了。
    • 對于過大的項目,數據綁定和數據轉化需要花費更多的內存(成本)。主要成本在于:
      • 數組內容的轉化成本較高:數組里面每項都要轉化成Item對象,如果Item對象中還有類似數組,就很頭疼。
      • 轉化之后的數據在大部分情況是不能直接被展示的,為了能夠被展示,還需要第二次轉化。
      • 只有在API返回的數據高度標準化時,這些對象原型(Item)的可復用程度才高,否則容易出現類型爆炸,提高維護成本。
      • 調試時通過對象原型查看數據內容不如直接通過NSDictionary/NSArray直觀。
      • 同一API的數據被不同View展示時,難以控制數據轉化的代碼,它們有可能會散落在任何需要的地方。
四、總結
  • MVC的設計模式也并非是病入膏肓,無藥可救的架構,最起碼目前MVC設計模式仍舊是iOS開發的主流框架,存在即合理。針對文章所述的弊端,我們依舊有許多可行的方法去避免和解決,從而打造一個輕量級的ViewController
  • MVVMMVC的升級版,完全兼容當前的MVC架構,MVVM雖然促進了UI 代碼與業務邏輯的分離,一定程度上減輕了ViewController的臃腫度,但是ViewViewModel之間的數據綁定使得 MVVM變得復雜和難用了,如果我們不能更好的駕馭兩者之間的數據綁定,同樣會造成Controller 代碼過于復雜,代碼邏輯不易維護的問題。
  • 一個輕量級的ViewController是基于MVCMVVM模式進行代碼職責的分離而打造的。MVCMVVM有優點也有缺點,但缺點在他們所帶來的好處面前時不值一提的。他們的低耦合性,封裝性,可測試性,可維護性和多人協作便利大大提高了開法效率。
  • 同時,我們需要保持的是一個擁抱變化的心,以及理性分析的態度。在新技術的面前,不盲從,也不守舊,一切的決策都應該建立在認真分析的基礎上,這樣才能應對技術的變化。
五、期待
  1. 文章若對您有點幫助,請給個喜歡??,畢竟碼字不易;若對您沒啥幫助,請給點建議??,切記學無止境。
  2. 針對文章所述內容,閱讀期間任何疑問;請在文章底部批評指正,我會火速解決和修正問題。
  3. GitHub地址:https://github.com/CoderMikeHe
六、實戰篇
七、參考鏈接
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,156評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,401評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,069評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,873評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,635評論 6 408
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,128評論 1 323
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,203評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,365評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,881評論 1 334
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,733評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,935評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,475評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,172評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,582評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,821評論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,595評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,908評論 2 372

推薦閱讀更多精彩內容