前言
MVVM設(shè)計(jì)模式自2005年被微軟提出以來舍杜,在應(yīng)用開發(fā)領(lǐng)域獲得了長(zhǎng)久的發(fā)展新娜。iOS開發(fā)過程中,Apple推薦的MVC模式既绩,因其廣泛詬病的massive viewcontroller概龄,逐漸被解耦更充分的MVVM替代。
本質(zhì)來說饲握,MVVM跟MVC同屬于MV(X)類型的模式私杜,是解決開發(fā)中model層與UI層解耦的方案。MVVM的優(yōu)點(diǎn)在于救欧,通過架設(shè)viewmodel層(提供連接model和view層的中間件)衰粹,解決了model和view在MVC controller(MVC中的C)的耦合。
MVVM的原理和優(yōu)點(diǎn)不在贅述笆怠,參見概念圖:
Problem
考慮上圖的左側(cè)(view與viewmodel解耦):在實(shí)際使用過程中铝耻,通過viewmodel與view層狀態(tài)量綁定,很好的解決了view層耦合蹬刷,解放了viewcontroller瓢捉,使其更專注于view的組合和管理。同時(shí)办成,viewmodel對(duì)model的更新和監(jiān)聽泡态,轉(zhuǎn)化為view層狀態(tài)量的處理,使我們可以在viewmodel專注于view層頁(yè)面量數(shù)據(jù)更新迂卢。
再考慮上圖右側(cè):我們通常習(xí)慣于在viewmodel層來處理model數(shù)據(jù)某弦,隨著業(yè)務(wù)的增多桐汤,viewmodel中充斥了接口的調(diào)用、model的轉(zhuǎn)化靶壮、數(shù)據(jù)的拼裝怔毛,再加上對(duì)view層頁(yè)面量的轉(zhuǎn)化,viewmodel同樣面臨著massive化的問題腾降。
另外馆截,viewmodel處理的model層數(shù)據(jù)越多,也代表著viewmodel與model的耦合度不斷上升蜂莉。某些數(shù)據(jù)可能會(huì)涉及到session維護(hù),即數(shù)據(jù)也有著生命周期的管理混卵,例如TCP長(zhǎng)連的推送映穗,歷史數(shù)據(jù)和當(dāng)前數(shù)據(jù)管理等等。那么對(duì)于這些可獨(dú)立的操作幕随,這一塊model層數(shù)據(jù)處理蚁滋,也具有復(fù)用的需求,不能夠單單由viewmodel層來處理赘淮。
所以說辕录,viewmodel massive化的問題,需要考慮到與model層更好的解耦梢卸。
Thinking
結(jié)合上圖MVVM的定義走诞,viewmodel與view層的關(guān)系,是通過狀態(tài)量的綁定蛤高,實(shí)現(xiàn)data和action的binding蚣旱;viewmodel與model層的關(guān)系,是更新和監(jiān)聽戴陡。
如果viewmodel不直接處理model的獲取和轉(zhuǎn)化塞绿,而是將復(fù)雜的model處理獨(dú)立出去,然后采取類似viewmodel與view層binding的方式恤批,是否可以實(shí)現(xiàn)viewmodel與model的更進(jìn)一步解耦异吻?
Solution
實(shí)現(xiàn)viewmodel與model進(jìn)一步解耦,一個(gè)方案是喜庞,在中間架設(shè)datacontroller層诀浪。如圖:
- viewmodel擁有datacontroller,通過對(duì)datacontroller的data binding赋荆,監(jiān)聽處理過的data笋妥,并將data處理為view層頁(yè)面量;
- datacontroller擁有model窄潭,通過接收viewmodel發(fā)出的action春宣,對(duì)model進(jìn)行update酵颁,同時(shí)監(jiān)聽model數(shù)據(jù)變化,對(duì)model數(shù)據(jù)進(jìn)行維護(hù)月帝、轉(zhuǎn)化和處理躏惋;
- view層擁有viewmodel,通過對(duì)viewmodel的binding嚷辅,完成view層頁(yè)面量的刷新簿姨。
notice
- viewmodel與datacontroller需有明確的分工。datacontroller的架設(shè)簸搞,是為了解耦model層數(shù)據(jù)處理邏輯扁位,是以model層業(yè)務(wù)功能為導(dǎo)向的,viewmodel中涉及view層數(shù)據(jù)的處理趁俊,不應(yīng)歸并到datacontroller來處理域仇,而是viewmodel層配合datacontroller來處理數(shù)據(jù)。
- viewmodel和datacontroller雖是擁有關(guān)系寺擂,但并非強(qiáng)關(guān)聯(lián)暇务。datacontroller同樣可以被其他viewmodel使用,是獨(dú)立的數(shù)據(jù)處理組件怔软。
- 理解幾個(gè)data:viewmodel里的data垦细,是頁(yè)面狀態(tài),面向頁(yè)面顯示的數(shù)據(jù)挡逼;datacontroller里的data括改,是model數(shù)據(jù)經(jīng)過處理后的,面向業(yè)務(wù)的數(shù)據(jù)家坎;model里的data叹谁,是面向接口的數(shù)據(jù)層數(shù)據(jù)。
scene
以行情類APP中的個(gè)股詳情界面為例乘盖。個(gè)股詳情界面焰檩,包含股票的盤口信息,分時(shí)走勢(shì)圖订框,K線圖析苫,成交明細(xì),買賣五檔等多個(gè)功能穿扳,這些數(shù)據(jù)的處理是非常復(fù)雜的衩侥。同一個(gè)功能的數(shù)據(jù),可能需要多個(gè)接口返回進(jìn)行拼裝矛物。以K線圖為例茫死,會(huì)要求歷史數(shù)據(jù)和當(dāng)日數(shù)據(jù)拼裝,并通過TCP實(shí)時(shí)接收服務(wù)器推送的最新一根數(shù)據(jù)履羞。
考察此時(shí)datacontroller峦萎,需要完成以下幾個(gè)功能:
- 多個(gè)接口的請(qǐng)求管理屡久。歷史數(shù)據(jù)接口、當(dāng)日數(shù)據(jù)接口爱榔,以及服務(wù)器主動(dòng)推送被环。
- session管理。管理TCP推送详幽,以及如果推送斷掉后的主動(dòng)定時(shí)刷新筛欢。
- model層數(shù)據(jù)處理。將各個(gè)接口返回?cái)?shù)據(jù)唇聘,轉(zhuǎn)化為業(yè)務(wù)需求數(shù)據(jù)版姑,例如K線數(shù)據(jù)拼裝、校準(zhǔn)迟郎、容錯(cuò)漠酿。
- 數(shù)據(jù)源切換。行情數(shù)據(jù)服務(wù)可能存在多個(gè)行情源谎亩,例如普通行情服務(wù)和level2服務(wù),行情源不同宇姚。需要datacontroller完成數(shù)據(jù)源切換匈庭,以及對(duì)應(yīng)數(shù)據(jù)model的轉(zhuǎn)換。輸出到viewmodel層的data保持統(tǒng)一浑劳。
從以上場(chǎng)景可看出阱持,如果沒有datacontroller層,大量數(shù)據(jù)處理會(huì)耦合到viewmodel魔熏,一方面造成viewmodel的難以維護(hù)衷咽,另一方面很多處理邏輯是可獨(dú)立可復(fù)用可單元測(cè)試的。
discussion
- 結(jié)合flux(react)的數(shù)據(jù)驅(qū)動(dòng)模式
datacontroller層的架設(shè)蒜绽,實(shí)際上也是數(shù)據(jù)驅(qū)動(dòng)的一種實(shí)踐镶骗。viewmodel通過監(jiān)聽datacontroller,完成數(shù)據(jù)驅(qū)動(dòng)躲雅,最終更新頁(yè)面狀態(tài)鼎姊。
更進(jìn)一步,可以嘗試結(jié)合flux(react)思想相赁,設(shè)計(jì)datacontroller的具體實(shí)現(xiàn)相寇。目前我的項(xiàng)目中,通過將flux思想引入datacontroller層钮科,將各個(gè)接口實(shí)現(xiàn)轉(zhuǎn)換為對(duì)應(yīng)的action和reducer唤衫,采用組合的設(shè)計(jì)模式,自由組合各接口調(diào)用绵脯。接口返回的數(shù)據(jù)佳励,區(qū)分為業(yè)務(wù)state休里,viewmodel通過監(jiān)聽這些state,完成數(shù)據(jù)層的監(jiān)聽植兰。
react是前端開發(fā)的主流框架之一份帐,然而對(duì)APP開發(fā)來說,由于view更新機(jī)制的不同楣导,react state更新的方式并不能很好的體現(xiàn)APP開發(fā)的性能废境。但在數(shù)據(jù)層,react單向數(shù)據(jù)流的思想還是值得借鑒筒繁,特別是對(duì)于業(yè)務(wù)數(shù)據(jù)復(fù)雜的功能噩凹,能夠較好地管理數(shù)據(jù)更新。 -
datacontroller與viewmodel同級(jí)的設(shè)計(jì)
很早之前有一種MVVM設(shè)計(jì)毡咏,datacontroller層與viewmodel層同級(jí)驮宴,同為viewcontroller擁有。如下圖:
這種設(shè)計(jì)更體現(xiàn)出datacontroller層的獨(dú)立性呕缭。但正如作者所說堵泽,頻繁的在 DC-VC-VM 里來回傳遞信息,會(huì)造成了大量膠水代碼恢总。且datacontroller直接暴露到viewcontroller迎罗,不利于view層與model層解耦。