MVVM: 将复杂性封装成简单的tableView项目

见解分享

2024-02-11 00:35:52

MVVM模式简介

MVVM模式是一种软件设计模式，用于构建iOS应用程序。它将应用程序逻辑分成三个独立的层：

模型层（Model）： 模型层负责管理应用程序的数据。它包含应用程序的所有业务逻辑和数据处理代码。
视图层（View）： 视图层负责将数据显示给用户。它包含应用程序的所有UI元素，如按钮、文本框和表格视图。
视图模型层（ViewModel）： 视图模型层负责将模型层和视图层连接起来。它将模型层的数据转换为视图层可以理解的格式。

MVVM模式的主要优点是将应用程序逻辑分成三个独立的层，使代码更容易理解和维护。它还使应用程序更容易测试，因为每个层都可以单独进行测试。

使用MVVM模式构建tableView项目

要使用MVVM模式构建tableView项目，我们需要按照以下步骤进行：

创建模型层

首先，我们需要创建模型层。模型层负责管理应用程序的数据。它包含应用程序的所有业务逻辑和数据处理代码。

在我们的示例中，我们将使用一个简单的模型来表示tableView中的数据。这个模型包含一个名为“name”的属性，它是一个字符串。

struct Item {
    let name: String
}

创建视图层

接下来，我们需要创建视图层。视图层负责将数据显示给用户。它包含应用程序的所有UI元素，如按钮、文本框和表格视图。

在我们的示例中，我们将使用一个简单的tableView作为视图层。tableView将显示模型层中的数据。

class ViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView!

    var items = [Item]()

    override func viewDidLoad() {
        super.viewDidLoad()

        // 从模型层获取数据
        items = [
            Item(name: "Item 1"),
            Item(name: "Item 2"),
            Item(name: "Item 3")
        ]

        // 将数据绑定到tableView
        tableView.dataSource = self
    }
}

extension ViewController: UITableViewDataSource {

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return items.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = items[indexPath.row].name
        return cell
    }
}

创建视图模型层

最后，我们需要创建视图模型层。视图模型层负责将模型层的数据转换为视图层可以理解的格式。

在我们的示例中，我们将使用一个简单的视图模型来将模型层的数据转换为tableView可以理解的格式。

class ViewModel {

    var items: [Item]

    init(items: [Item]) {
        self.items = items
    }

    func numberOfItems() -> Int {
        return items.count
    }

    func itemAtIndex(_ index: Int) -> Item {
        return items[index]
    }
}

将视图模型层与视图层连接起来

现在，我们需要将视图模型层与视图层连接起来。我们可以通过使用闭包来实现这一点。

在我们的示例中，我们将使用一个闭包来将视图模型层中的数据绑定到tableView。

extension ViewController {

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return viewModel.numberOfItems()
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = viewModel.itemAtIndex(indexPath.row).name
        return cell
    }
}