【iOS设计模式】深入理解MVC架构 - 重构你的第一个App

#import <Foundation/Foundation.h>

@interface Person : NSObject

@property (nonatomic, copy) NSString *name;
@property (nonatomic, assign) NSInteger tapCount;

- (instancetype)initWithName:(NSString *)name;
- (NSString *)greetingMessage;

@end

修改Person.m文件：

复制代码

#import "Person.h"

@implementation Person

- (instancetype)initWithName:(NSString *)name {
    self = [super init];
    if (self) {
        _name = [name copy];
        _tapCount = 0;
    }
    return self;
}

- (NSString *)greetingMessage {
    return [NSString stringWithFormat:@"%@被点击了%ld次", self.name, (long)self.tapCount];
}

@end

三、重构ViewController

现在我们来重构ViewController，使其符合MVC架构。

1. 修改ViewController.h

复制代码

#import <UIKit/UIKit.h>
#import "Person.h"

@interface ViewController : UIViewController

@property (nonatomic, strong) Person *user;  // Model
@property (weak, nonatomic) IBOutlet UILabel *helloLabel;  // View
- (IBAction)buttonTapped:(id)sender;  // Controller action

@end

2. 重构ViewController.m

复制代码

#import "ViewController.h"

@interface ViewController ()
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 初始化Model
    self.user = [[Person alloc] initWithName:@"iOS开发者"];
    
    // 初始化UI状态
    [self updateUI];
}

- (void)updateUI {
    // 根据Model更新View
    self.helloLabel.text = [self.user greetingMessage];
}

- (IBAction)buttonTapped:(id)sender {
    // 更新Model
    self.user.tapCount++;
    
    // 根据新Model状态更新View
    [self updateUI];
    
    // 更新按钮状态
    [sender setTitle:@"再点一次" forState:UIControlStateNormal];
    
    // 改变背景色
    CGFloat hue = (arc4random() % 256 / 256.0);
    self.view.backgroundColor = [UIColor colorWithHue:hue saturation:0.7 brightness:1.0 alpha:1.0];
}

@end

四、MVC组件详解

1. Model（Person类）

包含应用数据和业务逻辑
完全独立于UI
提供数据访问和操作方法
示例中greetingMessage方法封装了消息生成逻辑

2. View（Storyboard中的UI元素）

负责展示数据和接收用户输入
不直接与Model交互
通过IBOutlet暴露给Controller
保持被动，由Controller更新

3. Controller（ViewController）

协调Model和View之间的数据流
职责包括：
- 初始化Model和View (viewDidLoad)
- 响应View事件 (buttonTapped:)
- 更新Model (self.user.tapCount++)
- 根据Model更新View (updateUI方法)
- 管理View生命周期

五、MVC数据流分析

用户点击按钮 ：View触发buttonTapped:事件
Controller处理 ：
- 更新Model (tapCount++)
- 调用updateUI方法
更新View ：
- Controller从Model获取数据
- Controller更新Label显示

这样实现了单向数据流，各组件职责明确。

六、MVC最佳实践

保持Model独立：
- Model不应导入UIKit
- 只包含数据和业务逻辑
保持View被动：
- View不应直接访问Model
- 通过Controller更新状态
避免Massive View Controller：
- 将复杂业务逻辑抽离到Model或独立类
- 使用updateUI方法集中管理界面更新

七、扩展练习

为了更好理解MVC，尝试以下扩展：

为Person类添加更多属性（如年龄、职业）
修改greetingMessage方法返回更丰富的信息
添加重置按钮，将tapCount归零
创建SettingsViewController来修改Person的name属性

八、常见问题解答

Q：为什么Model不能直接更新View？

A：这会破坏MVC的分离原则，导致代码难以维护和测试。

Q：所有UI更新都要放在updateUI方法中吗？

A：最佳实践是集中管理UI更新，但对于复杂界面可以按功能拆分多个更新方法。

Q：小型项目也需要严格MVC吗？

A：即使是小型项目，遵守MVC也能提高代码可维护性，建议从一开始就养成好习惯。

九、总结

通过本次重构，你学会了：

如何创建独立的Model层
严格分离Model、View和Controller
Controller作为协调者的正确职责
实现单向数据流
MVC各组件之间的通信方式

MVC是iOS开发的基石，掌握它将为你后续学习更复杂的架构（如MVVM、VIPER）打下坚实基础。

【iOS设计模式】深入理解MVC架构 - 重构你的第一个App

一、MVC模式概述

二、创建Model层

1. 新建Person模型类

2. 实现Person类

三、重构ViewController

1. 修改ViewController.h

2. 重构ViewController.m

四、MVC组件详解

1. Model（Person类）

2. View（Storyboard中的UI元素）

3. Controller（ViewController）

五、MVC数据流分析

六、MVC最佳实践

七、扩展练习

八、常见问题解答

九、总结

相关推荐