掌握 ViewController 精髓：构建井然有序的代码

IOS

2023-10-30 14:03:28

构建井然有序的 ViewController：一劳永逸解决肥胖臃肿问题

ViewController 肥胖症的根源

ViewController，作为应用程序中用户交互和界面管理的核心，常常被过分地赋予了职责。从业务逻辑到 UI 渲染，再到数据管理和事件处理，ViewController 承担了太多职责，导致了其庞大且难以维护的现状。

这种臃肿现象与设计模式无关，而是反映了开发人员对职责划分和模式理解的深度。一个井然有序的 ViewController 是开发者能力的体现。

MVC 模式：分离职责，维护秩序

MVC（模型-视图-控制器）模式是构建井然有序 ViewController 的关键。它将应用程序划分为三个核心组件：

模型： 负责应用程序的数据和业务逻辑。
视图： 展示数据并收集用户输入。
控制器： 协调模型和视图之间的交互。

遵循 MVC 模式，我们有效地限制了 ViewController 的职责，使其专注于协调模型和视图：

从模型获取数据
根据数据更新视图
处理用户输入并传递给模型

最佳实践：保持精简、分离职责

编写井然有序 ViewController 的最佳实践包括：

保持精简： ViewController 仅包含与 UI 相关的代码。
业务逻辑外移： 将业务逻辑移至模型，让模型负责处理应用程序的逻辑。
数据绑定： 利用数据绑定，使视图能够自动响应模型中的数据更改。
委托： 使用委托将事件处理责任委派给其他对象，从而移除 ViewController 中的事件处理代码。
依赖注入： 通过依赖注入技术，将依赖关系注入对象，而不是直接在对象中创建依赖关系，提升测试和可维护性。

示例：MVC 模式实践

以下示例展示了如何使用 MVC 模式构建 ViewController：

// 模型
class Todo {
    var title: String
    var completed: Bool
}

// 视图
class TodoCell: UITableViewCell {
    @IBOutlet weak var titleLabel: UILabel!
    @IBOutlet weak var completedButton: UIButton!
}

// 控制器
class TodoViewController: UITableViewController {
    
    var todos = [Todo]()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 获取模型数据
        todos = Todo.all()
        
        // 根据数据更新视图
        tableView.reloadData()
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "TodoCell") as! TodoCell
        
        // 根据数据更新单元格
        cell.titleLabel.text = todos[indexPath.row].title
        cell.completedButton.isSelected = todos[indexPath.row].completed
        
        return cell
    }
    
    @IBAction func didTapCompletedButton(_ sender: UIButton) {
        // 从单元格获取 Todo 对象
        let cell = sender.superview as! TodoCell
        let indexPath = tableView.indexPath(for: cell)!
        let todo = todos[indexPath.row]
        
        // 更新模型
        todo.completed.toggle()
        
        // 更新视图
        tableView.reloadRows(at: [indexPath], with: .automatic)
    }
}