什么是MVC?

MVC设计模式的主要宗旨是把所有的对象分为三个大类,model类,view类和controller类。
MVC并不是一种设计模式,而是一种架构模式,用以描述应用程序的结构以及结构中各部分的职责和交互方式。

  • Model – 模型。用于封装与应用程序的业务逻辑相关的数据及数据的处理方法。模型更改时,它通知C,C更新相应的V。
  • View – 视图。将C提供的数据通过视图展示给用户,并可能对用户的操作做出响应。
  • controller – 控制器。作为M和V之间的连接,统一调控程序的工作。它处理事件并作出响应。“事件”包括用户的行为和数据模型上的改变。

MVC模式能够完成各司其职的任务模式,由于降低了各个环节的耦合性,大大优化Controller的代码量,而且有利于程序的可复用性,建议多多使用这个模式。

MVC模式详解

MVC模式虽然是iOS编程中使用最广泛的模式,但论起复杂程度,MVC模式可以算是众多模式之首。通常情况下,MVC设计模式需要综合使用target-action模式,delegate模式,Notification模式或KVO模式等。

  1. Controller和View之间可以通信,Controllor通过outlet(输出口)控制View,View可以通过target-action、delegate或者dataSource(想想UITableVeiwDatasource)来和Controller通信;
  2. Controller在接收到View传过来的交互事件(View就是完成让人和程序的交互的呀,比如按B1按钮)之后,经过一些判断和处理,把需要Model处理的事件递交给Model处理(比如刚才的例子中的保存到数据库),Controller对Model使用的是API;
  3. Model在处理完数据之后,如果有需要,会通过Notification或者KVO的方式告知Controller,事件已经处理完,Controller再经过判断和处理之后,考虑下一步要怎么办(是默默无闻的在后台操作,还是需要更新View,这得看Controller的“脸色”行事)。这里的无线天线很有意思,Model只负责发送通知,具体谁接收这个通知并处理它,Model并不关心,这一点非常重要,是理解Notification模式的关键。
  4. Model和View之间不直接通信!

以上部分摘自:实际案例讲解iOS设计模式——MVC模式

MVC案样例

我在界面上放两个按钮red和blue,按下red,界面变成红色;按下blue,界面变成蓝色。

  1. 新建三个文件夹,命名为M,V和C。
  2. 在M中新建MModel类,继承自NSObject。
  3. 在V中新建VView类,继承自UIView。
  4. 将ViewController类拖进C中。
  5. 将red和blue两个按钮写进VView中。

VView.h文件中

#import <UIKit/UIKit.h>NS_ASSUME_NONNULL_BEGIN@interface VView : UIView@property (nonatomic, strong) UIButton* redButton;@property (nonatomic, strong) UIButton* blueButton;- (void) viewInit;@endNS_ASSUME_NONNULL_END

VView.m文件中

#import "VView.h"@implementation VView- (void) viewInit {    // 创建按钮    self.redButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];    self.blueButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];        self.redButton.frame = CGRectMake(50, 150, 300, 50);    self.blueButton.frame = CGRectMake(50, 230, 300, 50);        [self.redButton setTitle:@"red" forState:UIControlStateNormal];    [self.blueButton setTitle:@"blue" forState:UIControlStateNormal];        [self.redButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];    [self.blueButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];        [self addSubview:self.redButton];    [self addSubview:self.blueButton];    }@end

自定义viewInit方法用于初始化。

  1. M主要用于数据处理。这里我们需要它储存界面的颜色,完成处理颜色的方法。

MModel.h文件中

#import <Foundation/Foundation.h>NS_ASSUME_NONNULL_BEGIN@interface MModel : NSObject// 储存view的颜色数据@property (nonatomic, strong) NSString* colorString;- (void) red;- (void) blue;@endNS_ASSUME_NONNULL_END

Model.m文件中

#import "MModel.h"@implementation MModel// 重写init方法- (MModel*) init {    if (self = [super init]) {        // 初始化数据        _colorString = @"red";                // 通知controller视图最初的颜色        [[NSNotificationCenter defaultCenter] postNotificationName:_colorString object:self];    }    return self;}- (void) red {    // 更改数据    _colorString = @"red";        // 通知controller视图的颜色    [[NSNotificationCenter defaultCenter] postNotificationName:_colorString object:self];}- (void) blue {    // 更改数据    _colorString = @"blue";        // 通知controller视图的颜色    [[NSNotificationCenter defaultCenter] postNotificationName:_colorString object:self];}@end

Model在处理完数据之后,通过Notification的方式告知Controller,模型中颜色已经改变,Controller根据根据通知更改View。

  1. Controller中,我们需要实例化VView和MModel的对象。

ViewController.h文件中

#import <UIKit/UIKit.h>#import "VView.h"#import "MModel.h"@interface ViewController : UIViewController@property (nonatomic, strong) VView* vView;@property (nonatomic, strong) MModel* mModel;@end

ViewController.m文件中

#import "ViewController.h"#define ScreenWidth [UIScreen mainScreen].bounds.size.width#define ScreenHeight [UIScreen mainScreen].bounds.size.height@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after blueing the view.        // 加一个通知方法,当收到名为@"red"的通知后,就执行redOK方法    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(redOK:) name:@"red" object:nil];        // 加一个通知方法,当收到名为@"blue"的通知后,就执行blueOK方法    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(blueOK:) name:@"blue" object:nil];        // 初始化vView和mModel    self.vView = [[VView alloc] initWithFrame:CGRectMake(0, 0, ScreenWidth, ScreenHeight)];    [self.vView viewInit];        // 为vView中的按钮添加target-action模式    [self.vView.redButton addTarget:self action:@selector(redButtonPressed:) forControlEvents:UIControlEventTouchUpInside];        [self.vView.blueButton addTarget:self action:@selector(blueButtonPressed:) forControlEvents:UIControlEventTouchUpInside];        self.mModel = [[MModel alloc] init];        [self.view addSubview:self.vView];}- (void) redOK:(NSNotification*)notification {    // 根据mModel的通知,改变vView    self.vView.backgroundColor = [UIColor redColor];}- (void) blueOK:(NSNotification*)notificaton {    // 根据mModel的通知,改变vView    self.vView.backgroundColor = [UIColor blueColor];}- (void) redButtonPressed:(UIButton*)sender {    // 调用mMdol的red方法    [self.mModel red];}- (void) blueButtonPressed:(UIButton*)sender {    // 调用mMdol的blue方法    [self.mModel blue];}@end

在Controller中我们通过Model的通知更改View的展示。

效果如图: