IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 【iOS】MVC模式 -> 正文阅读

[移动开发]【iOS】MVC模式

什么是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;
@end

NS_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;

@end

NS_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的展示。

效果如图:
在这里插入图片描述

在这里插入图片描述

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-09-15 02:07:57  更:2022-09-15 02:08:46 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 5:39:55-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码