iOS中的MVP模式初探

先说一下MVC模式, 示意图如下:

MVC模式示意图

• 模型拿到数据, 可能是数据库或者网络数据

最简单的比方, 我们拿到一个模型数组了之后, 这个就相当于是一个数据源.

• 将数据传递给控制器, 控制器经过简单地加工

数据源经过简单地处理加工, 比如在tableView中, 我们可能会使用数据源方法, 将模型数组中的元素取出来, 传递给View层, 比如cell

• 将加工后的数据展示出来

cell展示模型中的数据

那么MVP模式又是怎样的呢?请看下图

MVP模式示意图

从上图可以看出, 从MVC中又抽象出了P层, 即Presenter层

• Controller其实将view和viewController传递给了P层, 这样P层其实就拥有了控制器的权利, 完全可以行使控制器的职责.

• Controller又持有Presenter, 那么它只需要调用P层暴露出的接口, 就完全可以完成整个业务逻辑和页面展示

关于C端和P端的循环引用的问题, 直接用weak关键字就可以解决了

利用代码来说明一下问题:

• 这是一个Presenter的Protocol, 所有的P层的类都要遵循这个Protocol

1 2 3 4 5 6 7 8 9 10 11 12 13 14

# import  /**    作为P ： presenter 是管理 view viewController model这个三个中间人，负责UI刷新    视图的交互总是和VC 关联着的   */ @protocol TGPresenterProtocol @optional // 处理View视图相关操作 -- 协议的遵守者 - ( void )setView:(NSObject *)view; // 处理事件的相关响应 - ( void )setViewController:(UIViewController *)viewController; // 展示 - ( void )present; // 加载model  - ( void )presentWithModel:(id)model viewController:(UIViewController *)viewController; @end

• 可以看出, P层是可以拿到view或者viewController的, 并且可以在实现set方法的时候做一些事情. 这个稍后再讲

• 另外, P层还可以展示数据, 直接展示数据, present方法, 利用模型展示数据, 利用presentWithModel:方法

• 比如, 在一个遵循了TGPresenterProtocol的Presenter类中

把需要管理的view传递给P,

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

- (instancetype)initWithTableView:(UITableView *)view{            self = [ super  init];      if  (!self) {          return  nil;      }      _view = view;      _view.delegate = self;      _view.dataSource = self;      _view.separatorStyle = UITableViewCellSeparatorStyleNone;      // 自适应高度      _view.rowHeight = UITableViewAutomaticDimension;      _view.estimatedRowHeight =  100 ;      return  self; } - ( void )setView:(UITableView *)view{      // 设置视图      _view = view;      _view.delegate = self;      _view.dataSource = self;      _view.separatorStyle = UITableViewCellSeparatorStyleNone;      // 自适应高度      _view.rowHeight = UITableViewAutomaticDimension;      _view.estimatedRowHeight =  100 ; }

• 比如上面的代码, 将tableView的数据源和代理都给了P, 那么P就相当于行使了控制器的权力, 当P层拿到数据时(没错, P层是持有Model的):

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

- ( void )loadHPData{            NSString *dataPath = [[NSBundle mainBundle] pathForResource:@ "testCellData"  ofType:@ "json" ];      NSData *jsonData = [NSData dataWithContentsOfFile:dataPath];      NSError *error;      NSDictionary *dataDic = [NSJSONSerialization JSONObjectWithData:jsonData options:NSJSONReadingAllowFragments error:&error];      if  (error) {          NSLog(@ "error = %@" ,error.localizedDescription);      }      NSLog(@ "dataDic = %@" ,dataDic);      // model 要处理好数据的显示格式      self.hpModel = [[CellSelfSizeModel alloc] initWithDic:dataDic];      // 刷新      [self present];       }

• 走Present方法, 实际就是tableView的reloadData:

1 2 3 4

- ( void )present{            [self.view reloadData]; }

• 然后重走tableView的数据源方法. 将数据分发给cell去展示:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{            return  self.hpModel.data.listArray.count; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{            NSString *ID = @ "" ;      cellType type;            CelllSelfSizeListModel *newsList;      if  (indexPath.row > self.hpModel.data.listArray.count -  1 ) {          newsList = nil;      } else {          newsList = self.hpModel.data.listArray[indexPath.row];      }      if  (newsList.orginImg.length> 0 ) {          // 有图片          type = NewsInListCellTypeHavePic;                } else {          // 无图片          type = NewsInListCellTypeOnlyWord;      }            ID = [NSString stringWithFormat:@ "reusId%ld" ,(long)type];            SelfSizeTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];      if  (cell == nil) {          cell = [[SelfSizeTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID cellType:type];      }            cell.cellModel = newsList;            return  cell; }

这样就实现了Controller, View, Model的解耦. 给大家看看控制器做的事情:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

- ( void )viewDidLoad {      [ super  viewDidLoad];      // Do any additional setup after loading the view.            self.title = @ "MVP Demo" ; //    布局      [self initViews];      [self setUpConstraints];            self.hpPresenter = [TGHPPresenter  new ];      // 视图对象      self.hpPresenter.view = self.tableView;      // 控制器对象      self.hpPresenter.viewController = self;      // 外边是要传入参进去的 -- 数据模型      [self.hpPresenter loadHPData];       }

只需要初始化P层, 然后调P层的接口就可以了. 至于P层内部的逻辑, 我不需要知道

• V层也只专注于视图的创建

• M层只专注于模型的构建(字典->模型)

• 这样分层, 解耦的思想在程序设计中是极为重要的. 其实也可以看出MVP是对MVC模式的进一步抽象.

​