哈比咪,冒险王之精灵物语2,百姓杂谈
前言
我已经在几个项目中使用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 ()
谢谢你的阅读!
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对移动技术网的支持。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
网友评论