iOS_项目优化(tableview的优化)

时间:2021-7-9 作者:qvyue

在项目开发中如果你没用到过Tableview,那请你去火星好吗。既然都用到了Tableview,那么如何优化就是个问题了。网上查了一些博客结合自己的一些经历,讲一下。

为什么会卡顿、掉帧、

先上图

iOS_项目优化(tableview的优化)
渲染图.png

CPU:对象的创建和销毁、对象属性的调整、布局计算、文本的计算和排版、图片的格式转换和解码、图像的绘制
GPU:纹理的渲染
那这个卡顿掉帧是怎么发生的呢。
我们都知道iPhone的屏幕刷新是60,按照60FPS的刷帧率,每隔16ms就会有一次VSync信号。而产生卡顿掉帧就是因为CPU或者GPU所花费的时间过长,导致垂直信号来的时候,CPU计算或者GPU渲染未完成,从而掉帧。上一次的还没能传递过来信号,下一次的又开始了。所以,就造成了卡顿。
既然上面都说了事因为cpu和cpu花费的时间太长所引起的,那我们就从这两个方面入手解决。

1.CPU优化

1.固定高度的cell

self.tableView.rowHeight = 88;

2.动态高度的cell
现在对于动态高度这种情况,一般我们用系统的自动适配就可以满足。现在很少遇到还需要自己计算高度的情况。
不过还是要说在计算高度的时候,提前计算好cell的高度,缓存到数据源模型中。

 CGFloat contentW = [UIScreen mainScreen].bounds.size.width - 80;
    if (contentW != _lastContentWidth) {
        _lastContentWidth = contentW;
        CGRect textRect = [_remark boundingRectWithSize:CGSizeMake(contentW, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading attributes:@{NSFontAttributeName : [UIFont systemFontOfSize:14]} context:nil];
        if (textRect.size.height > 20) {
            _shouldShowxiaButton = YES;
        } else {
            _shouldShowxiaButton = NO;
        }
    }

在model中把高度计算出来。

3 滑动过程中尽量减少重新布局
自动布局就是给控件添加约束,约束最终还是转换成frame。所以在满足业务需求情况下,如果图层层次较为复杂,要尽量减少自动布局约束,转为手动计算布局,大量的约束重叠也会增加cpu的计算量。

按需加载
// 按需加载 - 如果目标行与当前行相差超过指定行数,只在目标滚动范围的前后指定3行加载。
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset {
    NSIndexPath *ip = [self.tableView indexPathForRowAtPoint:CGPointMake(0, targetContentOffset->y)];   // 停止拖拽后,预计滑动停止后到的偏移量
    NSIndexPath *cip = [[self.tableView indexPathsForVisibleRows] firstObject]; // 当前可视区域内 cell 组
    NSInteger skipCount = 8;
    NSLog(@"targetContentOffset = %f",targetContentOffset->y);
    NSLog(@"indexPathForRowAtPoint = %@",ip);
    NSLog(@"visibleRows = %@",[self.tableView indexPathsForVisibleRows]);
    if (labs(cip.row - ip.row) > skipCount) {   // labs-返回 x 的绝对值,进入该方法,说明滑动太厉害了,预计停留位置与当前可视区域范围内差 8 个cell 以上了.
        // 拖拽停止滑动停止后,即将显示的 cell 索引组
        NSArray *temp = [self.tableView indexPathsForRowsInRect:CGRectMake(0, targetContentOffset->y, self.tableView.width, self.tableView.height)];
        NSMutableArray *arrM = [NSMutableArray arrayWithArray:temp];
        NSLog(@"temp = %@",temp);
        if (velocity.y  3) {
                [arrM addObject:[NSIndexPath indexPathForRow:indexPath.row - 3 inSection:0]];
                [arrM addObject:[NSIndexPath indexPathForRow:indexPath.row - 2 inSection:0]];
                [arrM addObject:[NSIndexPath indexPathForRow:indexPath.row - 1 inSection:0]];
            }
        }
        
        [self.needLoadArray addObjectsFromArray:arrM];
    }
}
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。