如何在iOS上使用MVVM進行路由詳解

這篇文章主要給大家介紹了關於如何在iOS上使用MVVM進行路由的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨着小編來一起學習學習吧

前言

我已經在幾個項目中使用MVVM了一段時間,我真的很喜歡它的簡單性。特別是,如果你像許多人一樣從MVC遷移,你只需要在你的架構中增加一層ViewModel。如果您發現太多層級造成的複雜,這確實使事情變得更容易。

這是一個良好的開端,但這種簡單並不總是好的。在MVVM中,您將業務邏輯移出視圖控制器(VC),然後意識到它仍然很胖。視圖模型(VM)現在具有業務邏輯,但是展示數據(格式化)或路由如何?他們仍然被困在VC中,我們需要將它們移出。

#示例流程

假設我們正在實現登陸頁面,如下所示。

##路由列表:

  • Login > 主頁面
  • Sign Up > 註冊頁面
  • Forgot Password(?) > 忘記密碼頁面

這看起來像是一個簡單的頁面,可以使用帶有3個segues的故事板來實現。但請相信我,事實並非如此。例如,您通常會在登錄時打開主屏幕。但在這種情況下,用戶的密碼可能已過期,您需要實施重定向到更改密碼屏幕。所以登錄路線變成:

  • Login > 主頁面 或者 更改密碼頁面

這是故事板路由失敗的地方。它無法處理這種動態情況。所以你通常做的是讓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語句。我們會需要:

  • 路由ID:像segue ID一樣的一個字符串
  • 上下文:當前視圖控制器是從哪裏跳過來的
  • 可選的參數:過渡所需的臨時數據。 (tableview點擊了哪一行等等)
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.
  }
 }
}

總結

  • 我們完全將路由代碼移出VC。這有利於分離關注點。如果路由邏輯發生變化,您只需編輯路由器,而不是在VC中搜索push / present語句。
  • 隨着時間的推移,您將需要進行許多設計更改。因此,保持視圖控制器輕量化是很重要的,因爲它與視圖緊密耦合的。在進行UI大修時,您不希望破壞路由邏輯。
  • 你不能用這種方法來使用故事板segue。我不知道我是否傷了你的心,但你不能用segues實現這樣的動態流程。故事板應該只對佈局負責(同樣,關注點分離)

示例代碼:Movies (本地下載

謝謝你的閱讀!

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對神馬文庫的支持。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章