在iOS上使用MVVM進行路由

敲鐘人Quasimodo發表於2018-12-21

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

這是一個良好的開端,但這種簡單並不總是好的。在MVVM中,您將業務邏輯移出檢視控制器(VC),然後意識到它仍然很胖。檢視模型(VM)現在具有業務邏輯,但是展示資料(格式化)或路由如何?他們仍然被困在VC中,我們需要將它們移出。 #示例流程 假設我們正在實現登陸頁面,如下所示。

在iOS上使用MVVM進行路由
##路由列表:

  • 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 謝謝你的閱讀! PS:

最近加了一些iOS開發相關的QQ群和微信群,但是感覺都比較水,裡面對於技術的討論比較少,所以自己建了一個iOS開發進階討論群,歡迎對技術有熱情的同學掃碼加入,加入以後你可以得到:

1.技術方案的討論,會有在大廠工作的高階開發工程師儘可能抽出時間給大家解答問題

2.每週定期會寫一些文章,並且轉發到群裡,大家一起討論,也鼓勵加入的同學積極得寫技術文章,提升自己的技術

3.如果有想進大廠的同學,裡面的高階開發工程師也可以給大家內推,並且針對性得給出一些面試建議

群已經滿100人了,想要加群的小夥伴們可以掃碼加這個微信,備註:“加群+暱稱”,拉你進群,謝謝了

在iOS上使用MVVM進行路由

相關文章