记一次简单的UITableView卡顿优化

先说需求，要做一个类似这种的列表

标签控件直接用的第三方

YZTagList

 不知道的可以去搜一下，当这不重要。

重要的是这个控件加载数据的时候非常影响列表滑动效果，造成卡顿，尤其是列表行数如果更多的话，

这也不是要说的重点，自己写的控件也不一定就不耗性能，所以记一下我这次的处理方法。

先看一下cell代码：

@interface PreferTableViewCell ()
@property (nonatomic, weak) UILabel *titleLabel;
@property (nonatomic, strong) YZTagList *tagList;
@end

@implementation PreferTableViewCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        [self setupUI];
    }
    return self;
}
- (void)setupUI {
    UIView *lineView = [[UIView alloc] init];
    lineView.backgroundColor = [UIColor colorWithRed:246/255.0 green:247/255.0 blue:248/255.0 alpha:1.0];
    [self.contentView addSubview:lineView];
    [lineView makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self);
        make.right.equalTo(self);
        make.height.equalTo(10);
        make.top.equalTo(self);
    }];
    
    UILabel *titleLabel = [[UILabel alloc] init];
    titleLabel.textColor = [UIColor blackColor];
    titleLabel.font = [UIFont systemFontOfSize:15];
    [self.contentView addSubview:titleLabel];
    self.titleLabel = titleLabel;
    [titleLabel makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self).offset(15);
        make.top.equalTo(lineView.bottom).offset(10);
    }];
    
    YZTagList *tagList = [[YZTagList alloc] init];
    tagList.isSort = NO;
    tagList.backgroundColor = [UIColor whiteColor];
    // 高度可以设置为0，会自动跟随标题计算
    tagList.frame = CGRectMake(15, 50, SCREEN_WIDTH - 30, 0);
    // 设置标签背景色
    tagList.tagBackgroundColor = [UIColor colorWithRed:246/255.0 green:247/255.0 blue:248/255.0 alpha:1.0];
    // 设置标签颜色
    tagList.tagColor = [UIColor colorWithHex:@"#303030"];
    
    tagList.tagFont = [UIFont systemFontOfSize:13];
    tagList.tagCornerRadius = 4;
    tagList.clickTagBlock = ^(UIButton *btn){
        btn.selected = !btn.isSelected;
        if (btn.isSelected) {
            [btn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
            [btn setBackgroundColor:[UIColor colorWithHex:@"#7676FD"]];
        } else {
            [btn setTitleColor:[UIColor colorWithHex:@"#303030"] forState:UIControlStateNormal];
            [btn setBackgroundColor:[UIColor colorWithRed:246/255.0 green:247/255.0 blue:248/255.0 alpha:1.0]];
        }
    };
    [self.contentView addSubview:tagList];
    
    self.tagList = tagList;
}
- (void)setTitle:(NSString *)title {
    _title = title;
    self.titleLabel.text = title;
}
- (void)setTags:(NSArray *)tags {
    _tags = tags;
    
    if (self.tagList.tagArray.count > 0) {
        return;
    }
    [self.tagList addTags:tags];
}
+ (CGFloat)calcHeight:(NSArray *)tags {
    YZTagList *tagList = [[YZTagList alloc] init];
    tagList.frame = CGRectMake(15, 50, SCREEN_WIDTH - 30, 0);
    tagList.tagFont = [UIFont systemFontOfSize:13];
    tagList.tagCornerRadius = 4;
    [tagList addTags:tags];
    return tagList.tagListH + 45 + 21;
}
@end

然后是VC代码：

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return self.tags.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    NSString *ID = [NSString stringWithFormat:@"%ld%ld",indexPath.section,indexPath.row];
    PreferTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (!cell) {
        cell = [[PreferTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
        cell.selectionStyle = UITableViewCellSelectionStyleNone;
    }
    cell.title = @"11111111"; 
    cell.tags = self.tags[indexPath.row];
    return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    CGFloat height = 0;
    height = [[self.cellheightCache objectForKey:[NSString stringWithFormat:@"%ld%ld",indexPath.section,indexPath.row]] floatValue];
    if (height == 0) {
        height = [PreferTableViewCell calcHeight:self.tags[indexPath.row]];
        [self.cellheightCache setObject:@(height) forKey:[NSString stringWithFormat:@"%ld%ld",indexPath.section,indexPath.row]];
    }
    return height;
}

前提：tags是一个二维数组。

1.首先没有使用cell重用机制，避免多次

[self.tagList addTags:tags];

影响滑动效果，反正标签占用内存微乎其微。

然后：

if (self.tagList.tagArray.count > 0) { return; }

一样的目的。到这里每个cell赋值只会发生一次。并且cell视图均缓存在内存中了。

2.然后是计算行高，计算行高需要用到一个类方法，代码写的很清楚了，直接用

YZTagList

算出来并返回。然后用一个可变字典将高度缓存起来，这样保证高度也只会计算一次。

3.当然了，我的标题顺序并不是代码运行顺序。