请支持原创, 如需转载, 请注明出处@TEASON
之前的文章里我有说要写关于UITableView见解的两篇, 算是展开讨论吧, 这是第一篇, 第二篇下集链接在此.
说在前面:
最近有个MVVM模式非常火热, 相信它的出现是为了模块化iOS开发, 其实在我看来,它始终还是MVC模式, 只是一个变种罢了.MVVM的精髓在于数据动态绑定通常用RAC, 也就是ViewModel, 但问题是既然用了RAC和ViewModel，其实也是Model层的扩展。
与其专注于说明 MVVM 的来历，不如让我们看一个典型的 iOS 是如何构建的，并从那里了解MVVM： 我们看到的是一个典型的 MVC设置。Model呈现数据，View呈现用户界面，而 View Controller调节它两者之间的交互。 稍微考虑一下，虽然View 和 View Controller是技术上不同的组件，但它们几乎总是手牵手在一起，成对的。你什么时候看到一个 View能够与不同 View Controller配对？或者反过来？所以，为什么不正规化它们的连接呢？ 这更准确地描述了你可能已经编写的 MVC代码。但它并没有做太多事情来解决iOS应用中日益增长的重量级视图控制器。在典型的 MVC 应用里，许多逻辑被放在View Controller里。它们中的一些确实属于View Controller，但更多的是所谓的“用于显示的逻辑”，以 MVVM 属术语来说——就是那些从Model转换数据为 View可以呈现的东西的事情，例如将一个NSDate 转换为一个格式化过的 NSString。 我们的图解里缺少某些东西。某些使我们可以放置所有表示逻辑的东西。我们打算将其称为“View Model”——它位于 View/Controller与 Model之间： 看起好多了！这个图解准确地描述了什么是 MVVM：一个 MVC 的增强版，我们正式连接了视图和控制器，并将表示逻辑从 Controller 移出放到一个新的对象里，即 View Model。MVVM 听起来很复杂，但它本质上就是一个精心优化的 MVC架构，而 MVC你早已熟悉。
好了, 引言说完了, 这是一个铺垫 . 如果你认为下图右边的方法全部放在ViewController里便于日后维护和扩展的话 . 你大可固执己见然后点击浏览器右上角的"×" ...
当然, 关于瘦身ViewController有很多方面 . 然而今天我们讲讲从Controller中分离TableView的表示逻辑 . 为什么引言MVVM设计模式, 也是阐述这个主要思想是相通的 . 就是把"逻辑部分"尽量移到Model层, 你可以认为它是一个中间层 , 所谓"逻辑部分"可以是各种delegate,网络请求,缓存,数据库,coredata等等等等 , 而controller正是用来组织串联他们 .使得整个程序走通 .
所以我把对TableView和CollectionView的布局进行了封装，做了一个库XTTable，可以看一下现在我是如何使用TableView或者CollectioView的。
正文
一行代码完成注册, 两行代码完成初始化配置
[MyCell xt_registerNibFromTable:self.table] ;
[self.table xt_setup] ;
self.table.delegate = self ;
self.table.dataSource = self ;
self.table.xt_Delegate = self ;
datasource and delegate
瘦身后的cellForRowAtIndexPath只需要两行
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
// 仅仅两行. 将model和cell的display绑定
MyCell *cell = [MyCell xt_fetchFromTable:tableView] ;
[cell xt_configure:self.list[indexPath.row] indexPath:indexPath] ;
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
return [MyCell xt_cellHeightForModel:self.list[indexPath.row]] ;
}
Reloader
这里是上拉和下拉加载的处理，也只需要处理datasource
- (void)tableView:(UITableView *)table loadNew:(void (^)(void))endRefresh {
// do load new here ...
endRefresh() ; // 加载之后调用结束刷新callback
}
- (void)tableView:(UITableView *)table loadMore:(void (^)(void))endRefresh {
// do load more here ...
endRefresh() ; // 加载之后调用结束刷新callback
}
Cell config
得到datasource绘制Cell
- (void)xt_configure:(id)model indexPath:(NSIndexPath *)indexPath {
[super xt_configure:model indexPath:indexPath] ;
// 处理绘制
MyObj *myObj = (MyObj *)model;
_lbTitle.text = myObj.name;
_lbHeight.text = [NSString stringWithFormat:@"my Height is : %@", @(myObj.height)];
self.backgroundColor = indexPath.row % 2 ? [UIColor greenColor] : [UIColor brownColor];
}
+ (CGFloat)xt_cellHeightForModel:(id)model {
return ((MyObj *)model).height;
}
当然如果你想深入理解, 可以看源代码, 我传到了github, 点我下载 , 喜欢的话去那加个⭐️, 对开源者是莫大的鼓励 . 任何疑问或建议, 欢迎, 我会看你们的留言 .
介绍MVVM Lighter View Controllers Table View Programming Guide Cocoa Core Competencies: Controller Object
