前言
博主刚开始做iOS的时候虽然知道有一些设计代码的模式,如MVC,MVVM等,但是那时候完全没考虑这些,写代码不经过大脑,为了实现一个功能代码直接就往viewController里面放,现在比较闲才考虑要重构一下代码。本文主要介绍MVC,希望初学者一开始就养成好习惯。
iOS的设计模式十分重要,他决定了你的代码的耦合性和重用性,我们的目的就是要解耦合,尽量使代码模块化,提供复用率和移植性。接下来我就简单的说说MVC模式。
什么是MVC
MVC是model-view-control的简称。
View——顾名思义,就是存放视图使用的。
Model——即模型。模型一般都有很好的可复用性,统一管理一些数据。
Controller——控制器,充当一个CPU的功能,即该应用程序所有的工作都由Controller统一调控。
MVC模式能够完成各司其职的任务模式,由于降低了各个环节的耦合性,大大优化Controller的代码量,当程序调试时,如果某一个功能没有按照既定的模式工作,可以很方便的定位到到底是Controller还是View还是Model出了问题,而且还利于程序的可复用性,建议在程序中能多多使用这个模式。
MVC原理
官方的图,形象生动:
1. 图中,绿色的箭头表示直接引用。 对View 的直接引用体现在 IBOutlet 上。 当引用一个View 时,比如Button。 需要在ViewController
中声明一个 IBOutlet UIButton * btn;
2. 然后,我们看View 是怎么向 Controller 通信的。对于这个, iOS 有三种常见的模式:
设置View对应的Action Target。如设置UIButton的Touch up inside的Action Target。
设置View的Delegate,如UIAlertViewDelegate, UIActionSheetDelegate,UITextFieldDelegate等。
设置View的data source, 如UITableViewDataSource。
通过以上三种模式,View既能向Controller通信,又无需知道具体的Controller是谁,这样,View 就与Controller解耦了。
(博主将会在以后的博文中详解Delegate、Protocol)
实战
1、不使用MVC的情况大概说一下,就是所有代码都在viewController里面,具体什么样子估计自己明白,我就不啰嗦了。
2、如何使用MVC:
项目结构:
BtnView里面只存放界面显示的控件,btnModel里面进行数据处理并且暴露API。ViewController里面只调用API。
BtnView.h代码:
@property (nonatomic, strong) UIButton *saveBtn; //点击该按钮,保存数据
@property (nonatomic, strong) UIButton *loadBtn; //点击该按钮,加载数据
- (void)viewInit; //添加一个方法,用于初始化控件,暴露API供C调用初始化view
BtnView.m代码:
- (void)viewInit {
_saveBtn = [UIButton buttonWithType:UIButtonTypeCustom];
[_saveBtn setFrame:CGRectMake(50, 50, 150, 80)];
[_saveBtn setTitle:@"保存" forState:UIControlStateNormal];
[_saveBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; //默认的页面背景色是白色,butotn上的文字的默认颜色也是白色,所以在此处将button上的文字颜色设置为黑色,以便显示
[self addSubview:_saveBtn];
_loadBtn = [UIButton buttonWithType:UIButtonTypeCustom];
[_loadBtn setFrame:CGRectMake(50, 160, 150, 80)];
[_loadBtn setTitle:@"加载" forState:UIControlStateNormal];
[_loadBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[self addSubview:_loadBtn];
}
btnModel.h代码
@interface btnModel : NSObject
- (void)save;//暴露的API,供C调用
- (void)load;//暴露的API,供C调用
@end
btnModel.m代码
@implementation btnModel
- (void)save{
NSLog(@"保存。。。");
}
- (void)load{
NSLog(@"加载。。。");
}
@end
那么我么就会有一个思路——在Controller中,当我们为按钮添加了target-action模式之后,对应要实现的action方法里面,是不是只需要调用MModel.h里面的对应的-(void)save和- (void)load方法就行了呢?完全正确!看,这就是C通过API调用M!
V和M都已经分配好了,接下来就是看C如何协调分配了。ViewController.h中的代码如下:
#import "btnModel.h"
#import "BtnView.h"
@interface ViewController : UIViewController
@property (nonatomic, strong) BtnView*aView; //实例化一个VView的对象
@property (nonatomic, strong) btnModel *mModel; //实例化一个MModel的对象,以便于调用MModel中的方法
@end
ViewContro.m中的代码如下:
#import "ViewController.h"
#define deviceScreenWidth [[UIScreen mainScreen]bounds].size.width
#define deviceScreenHeight [[UIScreen mainScreen]bounds].size.height
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
_aView = [[BtnView alloc]initWithFrame:CGRectMake(0, 0, deviceScreenWidth, deviceScreenHeight)]; //初始化时一定要设置frame,否则VView上的两个按钮将无法被点击
[_aView viewInit];
[_aView.saveBtn addTarget:self action:@selector(saveBtnPressed:) forControlEvents:UIControlEventTouchUpInside]; //为“保存”按钮添加target-action模式
[_aView.loadBtn addTarget:self action:@selector(loadBtnPressed:) forControlEvents:UIControlEventTouchUpInside]; //为“加载”按钮添加target-action模式
[self.view addSubview:_aView];
_mModel = [[btnModel alloc]init];
}
- (void)saveBtnPressed : (UIButton*)sender{
[_mModel save]; //调用MModel.h中的方法(API)
}
- (void)loadBtnPressed : (UIButton*)sender{
[_mModel load]; //调用MModel.h中的方法(API)
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
运行效果,点击保存和加载后台打印相应的日志:
代码里面有一些注意事项,我都用注释的形式写在了代码的后面,请读者自行研究判断,此处不再赘述,有疑问欢迎留言讨论。从C的代码中可以看到,如何在MVC中使用target-action模式(delegate模式和datasource模式,暂时不在这个案例中讲述),如何在C中调用M中的API。虽然M+V+C里面的代码总量比不使用MVC模式多了一些,但MVC模式写出来的代码层次分明,结构清楚,分工明确,为以后修改代码、调试程序都带来了极大的便利。比如你要修改显示的效果,只需要修改V中的就行,然后按照调理在C中添加相应的方法,多么明确。
总结
使用设计模式来写代码真的可以减少很多没必要的重复累赘的代码,提高代码的可读性和可移植性,降低耦合度,大大提高开发的效率,博主亲身经历,维护没有模式的代码会让你有砸键盘的冲动,希望本文能对广大初学者有所帮助。博主会在之后的日子更新一篇MVVM模式的文章,敬请期待····
本文参考优秀博文:
http://leopard168.blog.163.com/blog/static/168471844201111214163883/
http://www.mamicode.com/info-detail-1114664.html
博主的微博、CocoaChina博客、CSDN博客同步更新,欢迎关注:
新浪微博:http://weibo.com/p/1005052308506177/home?from=page_100505_profile&wvr=6&mod=data&is_all=1#place
CocoaChina:http://blog.cocoachina.com/477998
CSDN:http://blog.csdn.net/czkyes
网友评论