iOS 多个类型的cell如何优雅加载

首先吐槽一下名字，起一个名字脑壳都想疼了😂

平时我们在开发界面的时候经常会遇到一个列表页面，会加载很多不同类型的cell，一般app的首页界面就会这样设计，比如这样：

首页

一般像这样的界面cell数量基本都是七八个，多的有十多个。如果在Tableview代理里加载显示，if else 一大堆，代码太难维护了，而且不好修改，如果那天不要这个功能，一改就是一大堆，加载cell的代理里改，高度代理和点击代理也要改，太繁琐了.

那有没有解决方案呢？目前我自己想到的有2种方法，一种是继承，一种是协议。继承耦合度很高，也不能完全解决各种判断，主流还是面向协议开发。

原理：在这样的列表里一般一个model就对应一个cell，我的思想就是让这个model继承一个协议，协议里实现显示这个cell的一些方法，然后在Tableview代理里用协议调用相应的方法就行，具体实现如下：

1、定义协议接口

@protocol WXLPublicCellConfigProtocol <NSObject>
@optional
/**
 获取 cell 的复用标识
 
 @return 复用标识
 */
- (nullable NSString *)obtainCellReuseIdentifier;
/**
 获取 cell 的高度
 
 @param indexPath indexPath
 @return 高度
 */
- (CGFloat)obtainHeightWithindexPath:(NSIndexPath *)indexPath;

/**
 cell 点击

 @param indexPath indexPath
 @param other 其它对象
 */
- (void)cellDidSelectRowAtIndexPath:(NSIndexPath *)indexPath other:(_Nullable id)other;
@end

2、model实现协议

.h

@interface WXLHomePublicModel : NSObject <WXLPublicCellConfigProtocol>

@end

.m

/**
 获取 cell 的复用标识
 
 @return 复用标识
 */
- (nullable NSString *)obtainCellReuseIdentifier{
    return @"WXLHomeOneTableViewCellID";
}
/**
 获取 cell 的高度
 
 @param indexPath indexPath
 @return 高度
 */
- (CGFloat)obtainHeightWithindexPath:(NSIndexPath *)indexPath{
    
    return 80;
}

/**
 cell 点击
 
 @param indexPath indexPath
 @param other 其它对象
 */
- (void)cellDidSelectRowAtIndexPath:(NSIndexPath *)indexPath other:(id)other{
    
    NSLog(@"%@ 点击 %ld",NSStringFromClass([self class]),indexPath.row);
}

5、cell开放赋值接口

.h

/**
 协议对象
 */
@property (nonatomic, strong) id<WXLPublicCellConfigProtocol>cellConfig;

.m

- (void)setCellConfig:(id<WXLPublicCellConfigProtocol>)cellConfig
{
    WXLHomeOneModel *model = cellConfig;
    
    self.textLabel.text = model.name;
    self.textLabel.textColor = model.backColor;
}

4、TableView代理里数据返回

#pragma mark ---- UITableViewDelegate ----
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    id<WXLPublicCellConfigProtocol>model = self.listArray[indexPath.row];
    return [model obtainHeightWithindexPath:indexPath];
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
    id<WXLPublicCellConfigProtocol>model = self.listArray[indexPath.row];
    [model cellDidSelectRowAtIndexPath:indexPath other:nil];
}
#pragma mark ---- UITableViewDataSource ----
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
{
    return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.listArray.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
{
    id<WXLPublicCellConfigProtocol>model = self.listArray[indexPath.row];
    WXLHomePublicTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:[model obtainCellReuseIdentifier]];
    cell.cellConfig = model;
    return cell;
}

运行效果：

效果图

是不是代码很简洁了，如果不想要某个cell，只需要删除这个model就行。
其实我用一个协议来写也有弊端，这样model就只能对应单独的cell了，如果想要对应多个cell可以在model里在调用一个协议，这个协议由cell实现，主要实现cell相关的操作，比如返回cell的唯一标示或cell的class。

因本人技术所限，在解决多个cell加载的方发里目前就只想到这二个种, 如果以后有更好的方法, 会及时与大家分享，欢迎讨论。

国际惯例
demo传送门

最后编辑于：2019.04.16 22:50:11