[译] 使用流动控制器(Flow Controller )实现 MVVM 协议模型

2024-06-02 07:32

本文主要是介绍[译] 使用流动控制器(Flow Controller )实现 MVVM 协议模型,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  • 原文链接 : MVVM with Flow Controller-First Step
  • 原文作者 : Rodrigo Reis
  • 译文出自 : 掘金翻译计划
  • 译者 : shixinzhang
  • 校对者: yifili09 , rccoder

我看了好久 Krzysztof Zablocki 关于 MVVM 的视频,最后发现理解新东西只有一种方法:动手建个项目!

在阅读许多关于软件架构的知识后,我最近 6 个月一直在学习 MVVM 协议模型。为了理解这个协议需要引用 Natasha The Robot 的一篇文章,这篇文章里介绍了关于编程协议的所有知识。如果你听不到我说的是什么鬼,建议你最好去读一下 Natasha The Robot

一个月前我看完了 Steve “Scotty” Scott 关于 MVVM-C 的课程。在这个我今年看过最佳视频之一的视频中,阐述了最重要的不是代码量减少,而是这个架构能让我们的软件有什么提升。我不反对人们把某个技术称作“银弹”(译者注:“银弹”有“狂拽炫酷吊炸天”一样浮夸的意思),但是我更喜欢追求极致、找到最好的解决方案。

最近几周,我想了很多有关如何提高我对 MVVM 架构的理解,并且创建一个可维护的开发框架。所以我看了 Krzysztof Zabłocki 关于软件架构的视频,
这个视频太赞了。如果你想看讲了什么可以点这里看视频或者点这里看博客。

看完 Krzysztof Zablocki 的视频后我决定建个项目来实现一种更好的架构。所以,我为(实现)这个架构制定了清晰的目标。

总目标

在选择哪一个架构之前,我会制定一个包含这个架构所关注的能解决什么目标的列表,这是从我多年 Java 项目开发中总结出的。这帮助我定义我们架构的优点。下面是促使我测试的要点。

模块

我希望我的架构可以创建代码可用性强的模块。还可以创建整个项目都可以复用的结构,同时能够使用某个方法创建一个灵活的接口,
以至于项目可拓展性比较好。

好,开始测试

单元测试和用户界面测试,这个就不用解释了吧。但我关注的是有关架构的分层,它为了(更好的部署)自动测试,让 QA 分析员想出新的测试机制来保证应用程序的(高)质量。

A/B 测试(简单来说,就是为同一个目标制定两个方案,让一部分用户使用 A 方案,另一部分用户使用 B 方案,记录下用户的使用情况,看哪个方案更符合设计)

应用市场上基于不同的界面和功能的应用日益复杂,界定应用优劣与否的方案有很多。在这里我重点研究应用是否有自定义和模拟用户体验的能力。

MVVM 与流控制器

在这个概念下,我决定将完全使用 MVVM 写接口来创建一个明确的区分。添加必要的依赖关系。管理这些依赖并且决定哪些将使用的接口会是流控制器。

流控制器

流控制器是一个控制用户路径的小型类和结构的集合。这使我们能够为 A / B 测试创建不同的数据流,例如,权限管理。
流之间的通信是通过一个共同的、可以传递窗口引用或导航控制器的对象,那可以让你创造出不同流的导航。

该模型的另一个重要的功能就是它可以负责为 ViewController 实例化并注入 ViewModel + Model。
这有助于依赖注入时代码重用更多。对于这种情况,有必要研究一下 Swift 的泛型,虽然它仍然有一些问题。

MVVM

这种架构和我之前项目的架构很像,唯一不同的是 VC (ViewController) 必须接受一个兼容的 ViewModel(通过既定协议)。
因此 VC 是独立的、封装完整的,重要的是要方便测试和提高代码的重用性。

这种独立意味着在我想要让界面灵活可变的时候可以用这种控制器来实现。另一个例子是抽象相似界面,如网格和列表使用相同的 ViewModel 。抽象必然会更复杂些,但当你的应用程序的增长或者随着时间的变化,你的收益也会越来越多。

我谈论的是保持一个应用持续发展的方法,改进一个成品的代码和创建第一个版本一样重要。
更多细节可以看这篇文章: https://medium.com/@digoreis/your-app-is-getting-old-at-this-time-e025662e20e7#.py9qlarui

在下面的文本中解释了架构测试的原因后,我将举例证明初步的结果。

实战项目

我决定创建一个简单的项目,一个列表和详情。为了便于理解和证明我要测试的另一个很重要的点,不使用 CocoaPods,不能使用依赖。

我注意到一件事,随着时间的推进,我们都意识到开发应用时构建的时间很长,这是因为项目主要几步的编译问题。一开始评估时可能只会看到部分细节,
然而事实是等待 Xcode 翻译、组织项目浪费了许多时间。

digoreis/ExampleMVVMFlow _ExampleMVVMFlow - One Example of MVVM w/ Flow Controller_github.com

Storyboard

我不赞同在 Xcode 中 Storyboard 带走什么是不好的。相反,不使用它的结果才是值得我们担心的。在下个项目中我将考虑不使用它,这只不过是一个本地代码的 XML 表示。在一个项目合并复杂性和构建时间逐渐增长的成熟团队中,我认为每个人都应该思考一下这个。

但请不要争论!

挑战

挑战的第一阶段是很简单的,作为一个项目列表显示他们,并选择一个显示细节。我相信,这是开发应用程序的最常见的任务。在这里是一个简单的猫头鹰列表,有名称,照片和描述。这个内容的显示是通过 FlowController 枚举配置的。

我不会讲太多我决定构建的内容有多混乱,因为我在很短的的时间( 8 小时)内测试我的抽象极限,现在正在完善的代码,而不是增加项目。
在下一节中,我讲讲实验的结果。

结果

第一步是把 Storyboards(左边启动屏的)和其他不会使用的东西去掉。然后只在应用启动时开始系统流程。

import UIKit@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {var window: UIWindow?func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {window = UIWindow(frame : UIScreen.mainScreen().bounds)let configure = FlowConfigure(window: window, navigationController: nil, parent: nil)let mainFlow = MainFlowController(configure: configure)mainFlow.start()return true}
}

在为流程系统提供应用程序窗口后,它启动一个看起来像是下图所示的树的系统。为了使用导航,我想保持 UINavigationController ,
这样你就可以从 UIWindow 或 UINavigationController 启动流。

关于 MVVM 与流控制器的基本方案

一个流初始化时会构建一个 ViewModel 和 Model(需要的话会更多),启动创造了必要的接口的方法,添加它的依赖。
这需要这些实体之间的代码耦合更具优势。
我们可以看到在 OwlsFlowController 案例中,通过配置选择是否在网格还是列表中显示数据,在本例中是固定的,但它可以有两种测试情况。

import UIKitclass OwlsFlowController : FlowController, GridViewControllerDelegate, ListTableViewControllerDelegate {private let showType = ShowType.Listprivate let configure : FlowConfigureprivate let model = OwlModel()private let viewModel : ListViewModel<OwlModel>required init(configure : FlowConfigure) {self.configure = configureviewModel = ListViewModel<OwlModel>(model: model)}func start() {switch showType {case .List:let configureTable = ConfigureTable(styleTable: .Plain, title: "List of Owls",delegate: self)let viewController = ListTableViewController<OwlModel>(viewModel: viewModel, configure: configureTable) { owl, cell incell.textLabel?.text = owl.name}configure.navigationController?.pushViewController(viewController, animated: false)breakcase .Grid:let layoutGrid = UICollectionViewFlowLayout()layoutGrid.scrollDirection = .Verticallet configureGrid = ConfigureGrid(viewLayout: layoutGrid, title: "Grid of Owls", delegate: self)let viewController = GridViewController<OwlModel>(configure: configureGrid) { owl, cell incell.image?.image = owl.avatar}viewController.configure(viewModel:viewModel)configure.navigationController?.pushViewController(viewController, animated: false)break}}private enum ShowType {case Listcase Grid}func openDetail(id : Int) {let detail = FlowConfigure(window: nil, navigationController: configure.navigationController, parent: self)let childFlow = OwlDetailFlowController(configure: detail,item: viewModel.item(ofIndex: id))childFlow.start()}
}

该模型的有点是应用中的大多数列表都共享相同的行为和相同的接口。在本例中,只有数据和子单元的变化,可以作为一个参数传递,并为所有列表创建一份可重用的代码。

这里有趣的一点是实现了两种响应协议:一个用于网格和一个列表。但两个的实现是相同的。这很有趣,因为我对每种类型的接口都有单独的操作,但通用的操作可以共享,同时不使用继承。

import UIKitstruct ConfigureTable {let styleTable : UITableViewStylelet title : Stringlet delegate : ListTableViewControllerDelegate
}protocol ListTableViewControllerDelegate {func openDetail(id : Int)
}class ListTableViewController<M : ListModel>: UITableViewController {var viewModel : ListViewModel<M>var populateCell : (M.Model,UITableViewCell) -> (Void)var configure : ConfigureTableinit(viewModel model : ListViewModel<M>, configure : ConfigureTable, populateCell : (M.Model,UITableViewCell) -> (Void)) {self.viewModel = modelself.populateCell = populateCellself.configure = configuresuper.init(style: configure.styleTable)self.title = configure.title}override func viewDidLoad() {super.viewDidLoad()}override func didReceiveMemoryWarning() {super.didReceiveMemoryWarning()}override func numberOfSectionsInTableView(tableView: UITableView) -> Int {return 1}override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {return viewModel.count()}override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {let cell = UITableViewCell(style: .Default, reuseIdentifier: "Cell")populateCell(viewModel.item(ofIndex: indexPath.row), cell)return cell}override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {configure.delegate.openDetail(indexPath.row)}}

接口的实现是清晰和干净的,它是一个有简单的参数展示的客观的基础设施。所有的创建、删除都没有业务实现。

另一件事是为了填充子单元封闭的通道,在不久将来它可以允许我们用一个参数来决定使用那部手机。这种架构的想法是将接口分为两部分,第一部分是一系列现成的基础设施和可重复使用的整个项目。

第二部分 UIViews 和 子单元为每个情况,对每一个数据集进行定制化。因此,我们通常的测试可以覆盖大多数的接口,增加安全性的实现。

备注:因为某些原因,在某些情况下,Swift 将不会接受一个泛型类型作为一个 init 方法的协议参数。目前仍在调查究竟是 Swift 的 bug 还是故意限制。

得到的结果是代码非常干净,并最大限度地提高接口的重用。还研究了泛型和协议作为一种抽象问题的方法。其他的结果是构建时间明显快得多。

这些都是这几个星期的初步结果,还有其他我期待的结果我会在其他文章中一一介绍。如果他们想在 Github 上跟随或者想在 Medium 上编辑文章,
我将把文章发上去。

接下来要做的事和致谢。

要做的事:

  • 测试:单元测试和模拟界面测试(我开始测试的结果是 78% 的覆盖率)
  • 扩展模型 :其他对象(我需要找到其他的动物)
  • 接口和基础设施:创建其他类型的单元,使用相同的 UIViewController

我的下一篇文章将是如何建立有效的测试,简单易维护。祝我好运吧。

特别致谢:

首先猫头鹰的灵感来自我的妻子。她喜欢猫头鹰。我也需要你感谢 HootSuite 制造了这一系列很酷的图片。

我努力把我引用的代码都标记出处,如果我遗漏了谁请原谅我。

我不能忘记感谢 Mikail Freitas 帮助我识别泛型协议初始化时的错误。我们永远不明白为什么在一个案例中运行好好地,而另一个则不起作用。

这篇关于[译] 使用流动控制器(Flow Controller )实现 MVVM 协议模型的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1023330

相关文章

Spring Boot配置和使用两个数据源的实现步骤

《SpringBoot配置和使用两个数据源的实现步骤》本文详解SpringBoot配置双数据源方法,包含配置文件设置、Bean创建、事务管理器配置及@Qualifier注解使用,强调主数据源标记、代... 目录Spring Boot配置和使用两个数据源技术背景实现步骤1. 配置数据源信息2. 创建数据源Be

Java中使用 @Builder 注解的简单示例

《Java中使用@Builder注解的简单示例》@Builder简化构建但存在复杂性,需配合其他注解,导致可变性、抽象类型处理难题,链式编程非最佳实践,适合长期对象,避免与@Data混用,改用@G... 目录一、案例二、不足之处大多数同学使用 @Builder 无非就是为了链式编程,然而 @Builder

在MySQL中实现冷热数据分离的方法及使用场景底层原理解析

《在MySQL中实现冷热数据分离的方法及使用场景底层原理解析》MySQL冷热数据分离通过分表/分区策略、数据归档和索引优化,将频繁访问的热数据与冷数据分开存储,提升查询效率并降低存储成本,适用于高并发... 目录实现冷热数据分离1. 分表策略2. 使用分区表3. 数据归档与迁移在mysql中实现冷热数据分

mybatis-plus QueryWrapper中or,and的使用及说明

《mybatis-plusQueryWrapper中or,and的使用及说明》使用MyBatisPlusQueryWrapper时,因同时添加角色权限固定条件和多字段模糊查询导致数据异常展示,排查发... 目录QueryWrapper中or,and使用列表中还要同时模糊查询多个字段经过排查这就导致只要whe

linux批量替换文件内容的实现方式

《linux批量替换文件内容的实现方式》本文总结了Linux中批量替换文件内容的几种方法,包括使用sed替换文件夹内所有文件、单个文件内容及逐行字符串,强调使用反引号和绝对路径,并分享个人经验供参考... 目录一、linux批量替换文件内容 二、替换文件内所有匹配的字符串 三、替换每一行中全部str1为st

SpringBoot集成MyBatis实现SQL拦截器的实战指南

《SpringBoot集成MyBatis实现SQL拦截器的实战指南》这篇文章主要为大家详细介绍了SpringBoot集成MyBatis实现SQL拦截器的相关知识,文中的示例代码讲解详细,有需要的小伙伴... 目录一、为什么需要SQL拦截器?二、MyBATis拦截器基础2.1 核心接口:Interceptor

Python使用openpyxl读取Excel的操作详解

《Python使用openpyxl读取Excel的操作详解》本文介绍了使用Python的openpyxl库进行Excel文件的创建、读写、数据操作、工作簿与工作表管理,包括创建工作簿、加载工作簿、操作... 目录1 概述1.1 图示1.2 安装第三方库2 工作簿 workbook2.1 创建:Workboo

SpringBoot集成EasyPoi实现Excel模板导出成PDF文件

《SpringBoot集成EasyPoi实现Excel模板导出成PDF文件》在日常工作中,我们经常需要将数据导出成Excel表格或PDF文件,本文将介绍如何在SpringBoot项目中集成EasyPo... 目录前言摘要简介源代码解析应用场景案例优缺点分析类代码方法介绍测试用例小结前言在日常工作中,我们经

基于Python实现简易视频剪辑工具

《基于Python实现简易视频剪辑工具》这篇文章主要为大家详细介绍了如何用Python打造一个功能完备的简易视频剪辑工具,包括视频文件导入与格式转换,基础剪辑操作,音频处理等功能,感兴趣的小伙伴可以了... 目录一、技术选型与环境搭建二、核心功能模块实现1. 视频基础操作2. 音频处理3. 特效与转场三、高

Python实现中文文本处理与分析程序的示例详解

《Python实现中文文本处理与分析程序的示例详解》在当今信息爆炸的时代,文本数据的处理与分析成为了数据科学领域的重要课题,本文将使用Python开发一款基于Python的中文文本处理与分析程序,希望... 目录一、程序概述二、主要功能解析2.1 文件操作2.2 基础分析2.3 高级分析2.4 可视化2.5