继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

容易忽视的性能杀手:TableView刷新优化特例

慕姐8265434
关注TA
已关注
手记 1147
粉丝 221
获赞 1064

简单的文本也会导致低刷新率

本例中,cell将显示3000个数字:


webp

TableView效果

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"KeyCell"];

    cell.textLabel.text = [NSString stringWithFormat:@"%ld", indexPath.row];
    cell.textLabel.backgroundColor = [UIColor clearColor];
    cell.textLabel.layer.shadowOffset = CGSizeMake(0, 2);
    cell.textLabel.layer.shadowOpacity = 0.5;    return cell;
}

看上去是很简单的cell,下面用 Instruments 测一下FPS:

webp

未优化前的FPS


出人意料地低,平均没有超过40FPS,是什么原因呢?


离屏渲染



打开“离屏渲染”标示:

webp

离屏渲染检查

可见,透明背景+阴影引发了离屏渲染,去掉后FPS恢复正常,可是这样又达不到需要的阴影效果,有什么办法可以两全其美呢?

阴影也有高刷新率

我们可以做如下设置:

cell.layer.shouldRasterize = YES;

当shouldRasterize设成true时,将渲染光栅化,即将layer渲染成一个bitmap,并缓存起来,等下次使用时直接使用缓存,不再重新去渲染,减少了GPU的占用。
由于bitmap是位图,在屏幕上就会有些失真,会看到毛刺比较明显:

webp

开启光栅化后导致失真


需要设置比例值:


cell.layer.rasterizationScale = [UIScreen mainScreen].scale;

这样就可以即保证阴影的渲染效果,又保证了刷新率。



作者:溪石iOS
链接:https://www.jianshu.com/p/7a02aa9895be


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP