問(wèn)題
在 MVC 的結(jié)構(gòu)中，UIViewController 比其他層更難以測(cè)試。因?yàn)閁IViewcontroller中的有很高的耦合性，邏輯與視圖的生命周期緊密的聯(lián)系在一起，而且于對(duì)視圖進(jìn)行 mock/stub 也很困難统捶，所以就 MVC 結(jié)構(gòu)來(lái)說(shuō)，UIViewcontroller 基本是無(wú)法進(jìn)行有效的測(cè)試的柄粹。
MVVM
說(shuō)MVVM是什么之前喘鸟，先來(lái)說(shuō)說(shuō)不是什么。
MVVM 不是 ReactiveCocoa, RxSwift, KVO, 等等驻右，也不是 “Model - View - ‘Magic’ -ViewModel”什黑，但是并不是不可以使用這些，只是單純的MVVM根本就不需要這些框架堪夭。
在團(tuán)隊(duì)開(kāi)發(fā)中愕把，其實(shí)我是不太推薦使用這些太重的框架的，具體有下列幾個(gè)原因
- 學(xué)習(xí)曲線高茵瘾，是否所有人都能接受礼华。
- 調(diào)試相對(duì)困難咐鹤。
- 這種改變開(kāi)發(fā)模式的框架拗秘，都有一定的危險(xiǎn)性，框架如果一旦不再維護(hù)或更新祈惶，將可能要導(dǎo)致應(yīng)用重寫雕旨。
什么是MVVM
Model
Model 是用來(lái)表示我們會(huì)對(duì)其進(jìn)行處理的實(shí)際數(shù)據(jù)，而且其中不應(yīng)該包含邏輯捧请。
View
View 是直接與用戶交互的凡涩，也不應(yīng)該包含邏輯，只需要告訴它如何顯示疹蛉，并且在觸發(fā)事件之后進(jìn)行轉(zhuǎn)發(fā)活箕。
ViewModel
ViewModel 會(huì)跟蹤 View 的事件，和Model 層傳給它的數(shù)據(jù)可款。他會(huì)公開(kāi)屬性和方法育韩，幫住View 保持最新的狀態(tài)。
ViewController (iOS)
在 MVVM 中闺鲸，并沒(méi)有ViewController筋讨，但是在iOS 中你可以直接把ViewController理解成 View，當(dāng)然你可以把它叫做 MVCVM 摸恍，不要在意這些細(xì)節(jié)悉罕。ViewController 監(jiān)聽(tīng)事件的觸發(fā)，然后通知ViewModel進(jìn)行處理。
Example
下面我們用個(gè)登錄的例子說(shuō)明在iOS中使用MVVM壁袄，
當(dāng)用戶名和密碼無(wú)效時(shí)类早，讓文本框變成紅色，用戶名和密碼有效時(shí)然想，激活提交按鈕莺奔。
下面來(lái)看如何實(shí)現(xiàn)。
Model
在這個(gè)例子中沒(méi)有真正的 Model变泄， 如果存在Model令哟，應(yīng)該是容納注冊(cè)/登錄信息。
View
忽略這個(gè)沒(méi)任何設(shè)計(jì)的設(shè)計(jì)妨蛹。
ViewModel
讓我們先來(lái)簡(jiǎn)單的看一下ViewModel 的接口有哪些成員
import Foundation
import UIKit
@objc protocol ViewModelDelegate {
func reloadViews()
func alertInfo()
func moveToHomeScreen()
}
protocol ViewModelInterface {
weak var delegate: ViewModelDelegate? { get set }
var userNameBorderColor: UIColor? { get }
var passwordBorderColor: UIColor? { get }
var loginButtonEnable: Bool { get }
func userNameDidChange(text: String?)
func passwordDidChange(text: String?)
func login()
}
你可以看到有些的屬性的是只讀的屏富，為了保持單向數(shù)據(jù)流，這是很有必要的蛙卤。ViewController只能調(diào)用 ViewModel的方法狠半，而ViewModel只能通知ViewController 更新當(dāng)前的狀態(tài)。
關(guān)于ViewModel 這里有一些規(guī)則：
- ViewModel 不能直接調(diào)用 ViewController 的方法颤难，所以這里有一個(gè)委托來(lái)處理這些事情神年。
- 狀態(tài)變更之后，ViewModel 必須通過(guò)委托通知 ViewController 重新加載視圖行嗤。
- ViewModel 只能在主線程調(diào)用委托方法已日。
ViewModel 中暴露的屬性必須是與ViewController 匹配的類型，這樣可以避免屬性類型的轉(zhuǎn)換和解包操作栅屏。比如說(shuō)飘千，View的backgroundColor 為 UIColor 的可選類型，在ViewModel 中也必須定義相同類型** UIColor? **栈雳。
下面再來(lái)看看ViewModel 的實(shí)現(xiàn)
import UIKit
public class ViewModel: NSObject, ViewModelInterface {
weak var delegate: ViewModelDelegate?
var userNameBorderColor: UIColor? {
return usernameValid ? UIColor.blackColor() : UIColor.redColor()
}
var passwordBorderColor: UIColor? {
return passwordValid ? UIColor.blackColor() : UIColor.redColor()
}
var loginButtonEnable: Bool {
return usernameValid && passwordValid
}
private var usernameValid = false
private var passwordValid = false
private var userName: String?
private var password: String?
func userNameDidChange(text: String?) {
if text?.characters.count < 6 {
usernameValid = false
} else {
usernameValid = true
}
userName = text
delegate?.reloadViews()
}
func passwordDidChange(text: String?) {
if text?.characters.count < 6 {
passwordValid = false
} else {
passwordValid = true
}
password = text
delegate?.reloadViews()
}
func login() {
delegate?.moveToHomeScreen()
}
}
從這里你就可以看出事件的流動(dòng)护奈，調(diào)用ViewModel 的方法更新暴露的狀態(tài)屬性，然后通過(guò)委托告訴ViewController 可以更新?tīng)顟B(tài)了哥纫。
ViewController
在ViewController 也應(yīng)該遵守幾個(gè)規(guī)則
- ViewController 不能被ViewModel 直接調(diào)用霉旗，而是通過(guò)協(xié)議中隱式通知。
- reloadViews 更新視圖的方法 可以在任何地方調(diào)用多次蛀骇。
下面來(lái)看代碼
class ViewController: UIViewController, ViewModelDelegate {
@IBOutlet weak var userNameField: UITextField!
@IBOutlet weak var passwordField: UITextField!
@IBOutlet weak var loginButton: UIButton!
var viewModel: ViewModel!
override func viewDidLoad() {
super.viewDidLoad()
viewModel = ViewModel()
viewModel.delegate = self
viewModel.layer.borderWidth = 2.0
viewModel.layer.borderWidth = 2.0
userNameField.addTarget(self, action: #selector(userNameChanged(_:)), forControlEvents: .EditingChanged)
passwordField.addTarget(self, action: #selector(passwordChanged(_:)), forControlEvents: .EditingChanged)
reloadViews()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
//MARK: Action
dynamic func userNameChanged(field: UITextField) {
viewModel.userNameDidChange(field.text)
}
dynamic func passwordChanged(field: UITextField) {
viewModel.passwordDidChange(field.text)
}
@IBAction func loginAction(sender: AnyObject) {
viewModel.login()
}
//MARK: ViewModelDelegate
dynamic func reloadViews() {
userNameField.layer.borderColor = viewModel.userNameBorderColor.CGColor
passwordField.layer.borderColor = viewModel.passwordBorderColor.CGColor
loginButton.enabled = viewModel.loginButtonEnable
}
dynamic func toHomeView() {
viewModel.moveToHomeScreen()
}
dynamic func alertInfo() {
}
}
你可以看到ViewController 中沒(méi)有一句邏輯厌秒，當(dāng)用戶行為發(fā)生變化時(shí)，比如輸入文本變化松靡，或者按下按鈕简僧，之后告訴ViewModel。然后可能會(huì)被ViewModel通知需要重新加載視圖雕欺，或者跳轉(zhuǎn)頁(yè)面岛马。
這樣我們可以很輕松的寫出ViewModel 的單元測(cè)試棉姐，而不需要再去測(cè)試ViewController。
func testInvalidUsernameInvalidPassword() {
viewModel.userNameTextDidChangeToText(nil)
viewModel.passwordTextDidChangeToText(nil)
XCTAssertEqual(viewModel.userNameBorderColor, UIColor.redColor())
XCTAssertEqual(viewModel.passwordBorderColor, UIColor.redColor())
XCTAssertFalse(viewModel.loginButtonEnable)
}
func testValidUsernameInvalidPassword() {
viewModel.usernameTextDidChangeToText("dimsky")
viewModel.passwordTextDidChangeToText(nil)
XCTAssertEqual(viewModel.userNameBorderColor, UIColor.blackColor())
XCTAssertEqual(viewModel.passwordBorderColor, UIColor.redColor())
XCTAssertFalse(viewModel.loginButtonEnable)
}
func testInvalidUsernameValidPassword() {
viewModel.userNameTextDidChangeToText(nil)
viewModel.passwordTextDidChangeToText("balabala")
XCTAssertEqual(viewModel.useNnameBorderColor, UIColor.redColor())
XCTAssertEqual(viewModel.passwordBorderColor, UIColor.blackColor())
XCTAssertFalse(viewModel.loginButtonEnable)
}
總結(jié)
這樣的結(jié)構(gòu)讓頁(yè)面與邏輯和模型很清晰啦逆，并且很容易測(cè)試伞矩，而且不需要任何第三方庫(kù)完成。
思考
從上面可以看出 在reloadViews 方法中做了很多事夏志，如果需要刷新的視圖過(guò)多乃坤，可能會(huì)導(dǎo)致性能為題。我們可能需要一個(gè)提供數(shù)據(jù)與視圖綁定的框架沟蔑，如 RXSwift湿诊。如果你的應(yīng)用很龐大，或許可以考慮瘦材，但如果相對(duì)簡(jiǎn)單厅须，還是不要入坑的好。
