前言
我已经在几个项目中使用mvvm了一段时间，我真的很喜欢它的简单性。特别是，如果你像许多人一样从mvc迁移，你只需要在你的架构中增加一层viewmodel。如果您发现太多层级造成的复杂，这确实使事情变得更容易。
这是一个良好的开端，但这种简单并不总是好的。在mvvm中，您将业务逻辑移出视图控制器（vc），然后意识到它仍然很胖。视图模型（vm）现在具有业务逻辑，但是展示数据（格式化）或路由如何？他们仍然被困在vc中，我们需要将它们移出。
#示例流程
假设我们正在实现登陆页面，如下所示。
##路由列表：
- login > 主页面
- sign up > 注册页面
- forgot password(?) > 忘记密码页面
这看起来像是一个简单的页面，可以使用带有3个segues的故事板来实现。但请相信我，事实并非如此。例如，您通常会在登录时打开主屏幕。但在这种情况下，用户的密码可能已过期，您需要实施重定向到更改密码屏幕。所以登录路线变成：
- login > 主页面 或者 更改密码页面
这是故事板路由失败的地方。它无法处理这种动态情况。所以你通常做的是让vc处理它：
|
1
2
3
4
5
6
7
8
9
|
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点击了哪一行等等）
|
1
2
3
4
5
6
7
|
protocol router {
func route(
to routeid: string,
from context: uiviewcontroller,
parameters: any?
)
}
|
vc应该只定义路由名称，而不关心该路由的位置。这将是路由器的工作。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
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引用。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
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
谢谢你的阅读！
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对服务器之家的支持。
原文链接：https://juejin.im/post/5c1c4b94e51d4525de581b80