UITableView 解耦

产品开发的时候无法避免的就是在一个 UITableView中, 包含多种样式的 cell, 我们通常的做法如下:

if (indexPath.row == 0) {
      
} else if (indexPath.row == 1) {

} else if (indexPath.row == 2) {

} .....

这样的做法没有问题, 但是如果有很多种 cell 的话, 例如资料页, 当需要在第二和第三个 cell 之间插入一个 cell 的时候, 我们需要把数组添加一列, 然后把整个 if 改一遍, 如何避免 index 之间的耦合?

OK, 简单来说就是在数据模型 中添加一个标识, 数据的排列交给数组, 我们不判断当前是第几个, 只根据标识来确定放那种样式的cell,
这样只有当增加新的样式的时候才会涉及到改 UI 部分的代码, 大部分情况我们只需要对数组进行排序即可, 而不必因为该数组, 从而再改 if.

下面来介绍一款专门为了解耦而写的第三方: HYTableViewSection

使用方法:
pod 'HYTableViewSection'

通过构建数据来实现布局

    HYTableViewRow *row = [HYTableViewRow row:@{@"title":@"style1"}];
    row.identifier = @"style1";
    row.heightBlock = ^CGFloat{
        return 100;  // heightBlock 可以使用计算复杂高度, 或者直接使用 row.height
    };
    [self.tableView.hy_section addRowModel:row atSection:0];
    
    HYTableViewRow *row1 = [HYTableViewRow row:@{@"title":@"style2"}];
    row1.identifier = @"style2";
    row1.heightBlock = ^CGFloat{
        return 150;
    };
    [self.tableView.hy_section addRowModel:row1 atSection:0];
    
    
    HYTableViewRow *row2 = [HYTableViewRow row:@{@"title":@"style3"}];
    row2.identifier = @"style3";
    row2.heightBlock = ^CGFloat{
        return 80;
    };
    [self.tableView.hy_section addRowModel:row2 atSection:1];

代理方法中使用技巧, 除了新增 style 几乎不会涉及改 UITableView 的代理方法

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    HYTableViewRow *row = [self.tableView.hy_section modelAtIndexPath:indexPath];
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:row.identifier];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:row.identifier];
    }
    cell.textLabel.text = row.model[@"title"];
    if ([row.identifier isEqualToString:@"style1"]) {
        cell.contentView.backgroundColor = [UIColor redColor];
    } else if ([row.identifier isEqualToString:@"style2"]) {
        cell.contentView.backgroundColor = [UIColor greenColor];
    } else if ([row.identifier isEqualToString:@"style3"]) {
        cell.contentView.backgroundColor = [UIColor blueColor];
    }
    return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    HYTableViewRow *row = [self.tableView.hy_section modelAtIndexPath:indexPath];
    return row.height;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return [self.tableView.hy_section numberOfRowsInSection:section];
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return [self.tableView.hy_section numberOfSections];
}