视图列表中使用 MVVM 分离 View 和 Controller 的方法（下）

IOS

2024-01-04 18:11:21

在上一篇文章 Swift 中 MVVM 对于列表中 Cell 的分离（上）中，我们探讨了如何在 MVVM 架构中分离视图和控制器。现在，让我们继续分析剩下的部分：

1. 视图控制器

在上一篇文章中，我使用了 RxTableView 来绑定数据。然而，在实际应用中，我们经常需要对视图控制器进行更多的自定义。为此，我们可以使用组合 MVVM 和 VIPER（视图-交互器-呈现器-实体路由器）架构的方法。

在 VIPER 架构中，视图控制器充当呈现器角色，负责协调视图和交互器之间的交互。交互器负责业务逻辑和数据操作。实体路由器负责在不同模块之间导航。

2. 数据绑定

在 MVVM 中，数据绑定是一个关键概念，它允许视图与底层数据模型保持同步。在 Swift 中，我们可以使用 RxSwift 或 Combine 等库来实现数据绑定。

RxSwift 是一个函数式反应式编程库，它提供了一系列操作符，使我们可以轻松地将数据流转换为视图控件。Combine 是苹果引入的更现代化的响应式编程框架，它提供了一个类似于 RxSwift 的 API。

3. 单元测试

单元测试对于确保代码的健壮性至关重要。在 MVVM 架构中，我们可以使用依赖注入来隔离视图和控制器，使单元测试更容易进行。

依赖注入是一种设计模式，它允许我们动态地向类提供依赖关系，而不是硬编码它们。通过使用依赖注入，我们可以轻松地用模拟对象替换实际对象，从而在不依赖于视图或控制器的情况下测试业务逻辑。

4. 代码示例

下面是一个使用 VIPER 架构和 RxSwift 实现列表视图的示例代码：

// ViewController.swift

import UIKit
import RxSwift

class ViewController: UIViewController {

    private let presenter: ListViewPresenter

    init(presenter: ListViewPresenter) {
        self.presenter = presenter
        super.init(nibName: nil, bundle: nil)
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        presenter.items.bind(to: tableView.rx.items) { _, item, cell in
            cell.textLabel?.text = item.title
        }.disposed(by: disposeBag)
    }

    private let disposeBag = DisposeBag()
}

// ListViewPresenter.swift

import RxSwift

class ListViewPresenter {

    let items: Observable<[ListItem]>

    init(interactor: ListViewInteractor) {
        self.items = interactor.items
    }
}

// ListViewInteractor.swift

import RxSwift

class ListViewInteractor {

    let items: Observable<[ListItem]>

    init(repository: ListViewRepository) {
        self.items = repository.items
    }
}