iOS tableView坑集

1. 消除plain样式的多余的(没有数据的)cell

self.tableView.tableFooterView = [UIView new];

2. 异步加载cell的内容, 优化tableView的性能

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:reuseID forIndexPath:indexPath];
    if (!cell) {
        
        cell = [CustomCell cell];
    }
    // 在此处进行数据异步加载
    [self asyncLoadingCellWithHandler:^(CustomModel *result) {
        dispatch_async(dispatch_get_main_queue(), ^{

           cell.model = result;
        });
     }];
    return cell;
}

3. cell的插入/删除/刷新/移动

// 需要用到的相关方法
- (void)beginUpdates;
- (void)endUpdates;

- (void)insertSections:(NSIndexSet *)sections withRowAnimation:(UITableViewRowAnimation)animation;
- (void)deleteSections:(NSIndexSet *)sections withRowAnimation:(UITableViewRowAnimation)animation;
- (void)reloadSections:(NSIndexSet *)sections withRowAnimation:(UITableViewRowAnimation)animation NS_AVAILABLE_IOS(3_0);
- (void)moveSection:(NSInteger)section toSection:(NSInteger)newSection NS_AVAILABLE_IOS(5_0);

- (void)insertRowsAtIndexPaths:(NSArray<NSIndexPath *> *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;
- (void)deleteRowsAtIndexPaths:(NSArray<NSIndexPath *> *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;
- (void)reloadRowsAtIndexPaths:(NSArray<NSIndexPath *> *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation NS_AVAILABLE_IOS(3_0);
- (void)moveRowAtIndexPath:(NSIndexPath *)indexPath toIndexPath:(NSIndexPath *)newIndexPath NS_AVAILABLE_IOS(5_0);
// 获取当前cell所在的组数
NSUInteger sectionNum = indexPath.section;
// 查看当前数据所在的组中的行数
NSUInteger rowsCount  = [self.tableView numberOfRowsInSection:sectionNum];
// 刷新数据源: 增加数据/删除数据/修改数据/移动数据
...
// 开始执行UI操作
[self.tableView beginUpdates];
例: 
1. 删除cell
/*
  如果操作的tableView是plain样式, 在删除cell的时候需要考虑到当前组中是否只有一个cell,
  如果是, 需要在执行 deleteRowsAtIndexPaths:withRowAnimation: 方法的时候同时执行 deleteSections:withRowAnimation: 否则会一直报错
*/  
if (rowsCount == 1) {

    NSIndexSet *indexSet = [NSIndexSet indexSetWithIndex:indexPath.section];
    [self.tableView deleteSections:indexSet withRowAnimation:UITableViewRowAnimationFade];
}
[self.tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
2. 插入cell
...
3. 更新cell
...
4. 移动cell
...
[self.tableView endUpdates];

4. plain样式的组头标题会自动悬停, group样式的组头标题不会自动悬停

在此方法中设置组头标题内容
- (nullable NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;

5. 自定义左滑cell, 出现编辑按钮的样式

iOS 11以前, 在自定义cell的- (void)layoutSubviews方法中自定义左滑cell后的编辑按钮样式

- (void)layoutSubviews {
    [super layoutSubviews];
    
    for (UIView *subV in self.subviews.firstObject.subviews) {
        
        if ([subV isKindOfClass:NSClassFromString(@"_UITableViewCellActionButton")]) {
            
            UILabel *buttonLabel = subV.subviews.firstObject;// UIButtonLabel
            [buttonLabel removeFromSuperview];
            // 添加文字
            NSString *titleStr = buttonLabel.text;
            CGSize titleSize = [titleStr boundingRectWithSize:CGSizeMake(MAXFLOAT, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{
                                                                                                                                                        NSFontAttributeName:[UIFont systemFontOfSize:12]                                                                              } context:nil].size;
            CGFloat imageWH  = 18;
            CGFloat topAndBottomMargin = 14;
            CGFloat labelX   = (CGRectGetWidth(subV.frame) - titleSize.width) * 0.5;
            CGFloat labelY   = CGRectGetHeight(subV.frame) - (topAndBottomMargin + titleSize.height);
            CATextLayer *titleLayer    = [CATextLayer layer];
            titleLayer.contentsScale   = 2;
            titleLayer.frame           = CGRectMake(labelX, labelY, titleSize.width, titleSize.height);
            titleLayer.string          = titleStr;
            titleLayer.fontSize        = 12;
            titleLayer.foregroundColor = [UIColor whiteColor].CGColor;
            [subV.layer addSublayer:titleLayer];
            
            // 添加图片
            CGFloat imageX = (CGRectGetWidth(subV.frame) - imageWH) * 0.5;
            CGFloat imageY = topAndBottomMargin;
            CGRect imageRect = CGRectMake(imageX, imageY, imageWH, imageWH);
            
            UIImage *image = nil;
            if ([titleStr isEqualToString:@"删除"]) {
                
                image = [UIImage imageNamed:@"delete_icon"];
            }
            if ([titleStr isEqualToString:@"发送"]) {

                image = [UIImage imageNamed:@"send_icon"];
            }
            CALayer *layer = [CALayer layer];
            layer.frame = imageRect;
            layer.contents = (id)image.CGImage;
            [subV.layer addSublayer:layer];
        }
    }
}

iOS 11以后, 在tableView的- (void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath中自定义左滑cell后的编辑按钮样式

- (void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath {
    
    for (UIView *subV in self.tableView.subviews) {
        if ([subV isKindOfClass:NSClassFromString(@"UISwipeActionPullView")]) {
            for (UIButton *actionBtn in subV.subviews) {
                if ([actionBtn isKindOfClass:NSClassFromString(@"UISwipeActionStandardButton")]) {
                    
                    // 添加文字
                    NSString *titleStr         = actionBtn.titleLabel.text;
                    CGSize titleSize           = [titleStr boundingRectWithSize:CGSizeMake(MAXFLOAT, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{
                                                                                                                                                                NSFontAttributeName:[UIFont systemFontOfSize:12]                                                                              } context:nil].size;
                    UILabel *actionTitleLabel  = actionBtn.titleLabel;
                    CGFloat topMargin          = 14;
                    CGFloat bottomMargin       = topMargin;
                    CGFloat imageWH            = 18;
                    CGFloat labelX             = CGRectGetMinX(actionTitleLabel.frame) + (CGRectGetWidth(actionTitleLabel.frame) - titleSize.width) * 0.5;
                    CGFloat labelY             = bottomMargin + imageWH;
                    CATextLayer *titleLayer    = [CATextLayer layer];
                    titleLayer.contentsScale   = 2;
                    titleLayer.frame           = CGRectMake(labelX, labelY, titleSize.width, titleSize.height);
                    titleLayer.string          = titleStr;
                    titleLayer.fontSize        = 12;
                    titleLayer.foregroundColor = [UIColor whiteColor].CGColor;
                    [actionBtn.layer addSublayer:titleLayer];
                    
                    // 添加图片
                    CGFloat imageX   = CGRectGetMinX(actionTitleLabel.frame) + (CGRectGetWidth(actionTitleLabel.frame) - imageWH) * 0.5;
                    CGFloat imageY   = topMargin;
                    CGRect imageRect = CGRectMake(imageX, imageY, imageWH, imageWH);
                    
                    UIImage *image = nil;
                    if ([titleStr isEqualToString:@"删除"]) {
                        
                        image = [UIImage imageNamed:@"delete_icon"];
                    }
                    if ([titleStr isEqualToString:@"发送"]) {
                        
                        image = [UIImage imageNamed:@"send_icon"];
                    }
                    CALayer *layer = [CALayer layer];
                    layer.frame    = imageRect;
                    layer.contents = (id)image.CGImage;
                    [actionBtn.layer addSublayer:layer];
                    
                    // 移除系统文字
                    [actionTitleLabel removeFromSuperview];
                }
            }
        }
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349

推荐阅读更多精彩内容