iOS 架构组件:让你的 TableView 优雅起来

640?wx_fmt=gif

640?wx_fmt=jpeg

看什么看!点我呀! 全栈程序员,免费入门到精通! 640?wx_fmt=jpeg


作者丨indulge_in
https://www.jianshu.com/p/7db73489ad99


GitHub 地址:

https://github.com/indulgeIn/YBHandyTableView


640?wx_fmt=gif一、传统方式的弊端


UITableView是出场率极高的视图组件,开发者通过实现<UITableViewDataSource>和<UITableViewDelegate>协议方法来配置布局逻辑,面向协议设计模式在苹果的代码设计中很常见,它能适应大部分的业务场景且足够灵活。这种方式优点很多,比如某一时刻组件只需要关心当前需要的数据,避免了多余的计算,同时也可以让数据及时释放减小内存峰值。UITableView相关的协议方法充分体现了单一职责原则,比如一个协议方法返回 Cell 的高度,一个协议方法返回 Cell 的实例。


然而当某一个界面结构比较复杂且多元的时候,开发者往往需要写大量的if/else/else if或switch分支语句来区分不同section/row的视图类型及其布局,由于UITableView相关协议方法的职责单一性,这种分支语句会重复出现在多个协议方法里面。


显然在这种场景下,UITableView变得不那么优雅。


640?wx_fmt=gif二、常规优化思路


理所当然的,大家很容易想到使用一个中间类来将协议过于分散的管理方式集中起来:


@interface CellLayout : NSObject
@property (nonatomicstrong) Class cellClass;
@property (nonatomicassignCGFloat cellHeight;
@property (nonatomicstrong) AnyModel *cellModel;
...
@end


然后在UITableView相关各个协议方法里从NSArray<CellLayout *> layoutArray数组中拿到数据配置就行了,如此,开发者只需要关心如何构建layoutArray数组,避免了写过多的分支语句。


这种思路有两点需要注意:


需要一个包含某个 Cell 所有布局信息的中间类

在中间类确定的情况下,<UITableViewDataSource>和<UITableViewDelegate>协议方法里面的逻辑就已经可以共用了。

笔者思考过后,花了一天时间做了一个小组件

https://github.com/indulgeIn/YBHandyTableView

它解决的问题是让开发者更轻松、更优雅的使用UITableView,核心操作就是用数组来替代协议方法为UITableView配置数据。当然,这么做有它的局限性,后文再来分析。


640?wx_fmt=gif三、组件架构设计


640?wx_fmt=jpeg


经过前面的分析,组件要做的事情有两个,一个是设计一个中间类,一个是封装<UITableViewDataSource>和<UITableViewDelegate>协议方法的实现。


640?wx_fmt=gif核心思路


按照常规的思路,可能会想到设计一个通用的中间类,就像之前说的CellLayout,然后利用继承的特性来为CellLayout添加额外的属性(比如数据model)。这样确实能达到目的,不过这样带来了较为严重的耦合,需要开发者一开始就知道他必须写一个类来继承自你的CellLayout,若本身业务中需要继承另外一个类就很蛋疼了(毕竟 OC 不支持多继承);再者,若某一天想要剔除这种方案可能会很麻烦,CellLayout设计得越臃肿、包含的业务越多将越难剥离。


并且,一个CellLayout是解决不了问题的,因为配置UITableView可能需要UITableViewCell的一些数据,也需要一些通用的方法来告知UITableViewCell何时配置数据刷新UI,也就意味着按照这种逻辑,还需要写一个BaseTableViewCell......


显然,这种方式并不优雅,也违背了依赖倒置原则。


笔者的做法是将这个“中间类”抽象出来,作为两个协议:YBHTCellProtocol和YBHTCellModelProtocol,这两个协议包含了布局UITableView所需的数据,当然可以结合自己的业务扩充这两个协议。YBHTCellProtocol由自定义的UITableViewCell来实现;YBHTCellModelProtocol随意开发者用什么类来实现,通常情况下,使用包含UITableViewCell所需数据的Model来实现是最快捷的做法(可看Demo中的使用案例)。


640?wx_fmt=gif保证深度定制性


考虑到一个问题,UITableView相关协议方法非常多,若为YBHTCellProtocol和YBHTCellModelProtocol拓展所有的配置将会需要大量的代码,可能有些得不偿失。


所以笔者使用多代理 (YBHandyTableViewProxy) 来保证组件使用方深度定制的需求,也是为了避免某些特殊情况下,使用该组件的业务模块能快速的拓展之前没有的功能:


- (void)ybht_addDelegate:(id<UITableViewDelegate>)delegate;
- (void)ybht_addDataSource:(id<UITableViewDataSource>)dataSource;


当然这样做会有隐患,所以建议读者朋友若想使用该组件先了解它的原理,该组件的代码不多也不高深,相信只要感兴趣的朋友能很快理解。


640?wx_fmt=gif四、组件的弊端


组件的配置方式很简单:


NSArray<id<YBHTCellModelProtocol>> tmpArr = ...;
[anyTableView.ybht_rowArray addObjectsFromArray:tmpArr];
[anyTableView reloadData];


正如代码所见,需要传入的是实现YBHTCellModelProtocol协议的实例,同时需要对应的UITableViewCell实现YBHTCellProtocol协议(可对比 UML 类图)。


取个例子,若你在UIViewController里面写了一个UITableView,然后使用该组件配置数据,可以明确的是组件将<UITableViewDataSource>和<UITableViewDelegate>协议封装起来,UIViewController和你定制的那些UITableViewCell已经没有了耦合,也就意味着,它们之间的交互将不能直接进行。


640?wx_fmt=gif那么,它们如何间接的交互呢?


1.YBHandyTableViewIMP是组件实现<UITableViewDataSource>和<UITableViewDelegate>协议的类,那么将UIViewController对象传入到该类就能实现与UITableViewCell的交互,但是由于YBHandyTableViewIMP和UITableViewCell不直接依赖而是都依赖于YBHTCellProtocol协议,这为定制性的交互带来了困难。


2.从另一个方面思考问题,从组件的使用方法可知,UIViewController和id<YBHTCellModelProtocol>之间是有关联的,而id<YBHTCellModelProtocol>与UITableViewCell<YBHTCellProtocol>是有关联的,所以可以通过id<YBHTCellModelProtocol>将UIViewController传递到UITableViewCell中,然后进行交互。


3.基于响应链的传递路径来拦截事件。这种方式比较巧,但是却始终感觉不是那么稳妥,它的好处是处理UITableViewCell的交互事件完全可以不经过该组件就能完成。


最后,笔者建议使用第二种方式。不过不管哪种方式来说都不太优雅了,在业务开发中应该多考虑一下,UITableViewCell中会不会有大量的事件需要传递到最外层的业务,比如跳转界面、网络请求等就可以直接在UITableViewCell里面处理。若大量的交互是必然的(或者说是为了满足业务架构规范),那就放弃“偷懒”,专门设计一个适合业务的方式吧。


640?wx_fmt=gif五、结语


本文是笔者做的一个小实践的思路分享,需要明白的是,一个代码设计并非能满足所有的业务,特别是这种和具体业务紧密相连的组件。在一开始笔者还满怀希望,觉得这个组件的场景很大,后来发现有很多局限性。


组件总是会让粒度变大,当你追求更小粒度的时候你会发现:我去,好像这个组件没有了意义?。


 推荐↓↓↓ 

640?wx_fmt=png

?16个技术公众号】都在这里!

涵盖:程序员大咖、源码共读、程序员共读、数据结构与算法、黑客技术和网络安全、大数据科技、编程前端、Java、Python、Web编程开发、Android、iOS开发、Linux、数据库研发、幽默程序员等。

觉得我们“好看”的点亮它~
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值