IOS

关注公众号 jb51net

关闭
首页 > 软件编程 > IOS > iOS使用MVVM进行路由

如何在iOS上使用MVVM进行路由详解

作者:敲钟人Quasimodo

这篇文章主要给大家介绍了关于如何在iOS上使用MVVM进行路由的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

我已经在几个项目中使用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 (本地下载

谢谢你的阅读!

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

您可能感兴趣的文章:
阅读全文