您好,登錄后才能下訂單哦!
前言
我已經在幾個項目中使用MVVM了一段時間,我真的很喜歡它的簡單性。特別是,如果你像許多人一樣從MVC遷移,你只需要在你的架構中增加一層ViewModel。如果您發現太多層級造成的復雜,這確實使事情變得更容易。
這是一個良好的開端,但這種簡單并不總是好的。在MVVM中,您將業務邏輯移出視圖控制器(VC),然后意識到它仍然很胖。視圖模型(VM)現在具有業務邏輯,但是展示數據(格式化)或路由如何?他們仍然被困在VC中,我們需要將它們移出。
#示例流程
假設我們正在實現登陸頁面,如下所示。
##路由列表:
這看起來像是一個簡單的頁面,可以使用帶有3個segues的故事板來實現。但請相信我,事實并非如此。例如,您通常會在登錄時打開主屏幕。但在這種情況下,用戶的密碼可能已過期,您需要實施重定向到更改密碼屏幕。所以登錄路線變成:
這是故事板路由失敗的地方。它無法處理這種動態情況。所以你通常做的是讓VC處理它:
func loginButtonTapped() { // Start network request... // Upon response: if viewModel.shouldChangePassword { performSegue(id: "ChangePasswordScreen", sender: nil) } else { performSegue(id: "HomeScreen", sender: nil) } }
這是路由邏輯,它不應該在VC中。如果您想要輕型VC,請在編寫if語句之前三思而后行。他們是決定代碼,他們不屬于那里。根據我的理解,VC應該只有視圖相關和粘合代碼。從來沒有決定代碼。
讓我們定義一個路由器協議,并從VC中取出這些if語句。我們會需要:
protocol Router { func route( to routeID: String, from context: UIViewController, parameters: Any? ) }
VC應該只定義路由名稱,而不關心該路由的位置。這將是路由器的工作。
class LoginViewController: UIViewController { enum Route: String { case login case signUp case forgotPassword } var viewModel: LoginViewModel! var router: Router! ... func loginButtonTapped() { router.route(to: Route.login.rawValue, from: self) } func signUpTapped() { router.route(to: Route.signUp.rawValue, from: self) } func forgotPasswordTapped() { router.route(to: Route.forgotPassword.rawValue, from: self) } }
如上所述,登錄按鈕可以進入主頁面或更改密碼頁面。那么路由器如何選擇正確的目的地呢?在這種情況下,您的路由器可能需要訪問您的VM。這樣,它可以直接讀取業務決策并決定目的地。
請注意VC已經retain了VM和路由器。因此,路由器對VM應該是weak/unowned引用。
class LoginRouter: Router { unowned var viewModel: LoginViewModel init(viewModel: LoginViewModel) { self.viewModel = viewModel } func route( to routeID: String, from context: UIViewController, parameters: Any?) { guard let route = LoginVC.Route(rawValue: routeID) else { return } switch route { case .login: if viewModel.shouldChangePassword { // Push change-password-screen. } else { // Push home-screen. } case .signUp: // Push sign-up-screen: let vc = SignUpViewController() let vm = SignUpViewModel() vc.viewModel = vm vc.router = SignUpRouter(viewModel: vm) context.navigationController.push(vc, animated: true) case . forgotPasswordScreen: // Push forgot-password-screen. } } }
總結
示例代碼:Movies (本地下載)
謝謝你的閱讀!
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對億速云的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。