iOS-UIImage图片解码的性能优化

热门标签

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

前段时间看了篇IOS性能优化的文章:https://blog.ibireme.com/2015/11/12/smooth_user_interfaces_for_ios/
里面提到了--图片的解码
当你用 UIImage 或 CGImageSource 的那几个方法创建图片时,图片数据并不会立刻解码。图片设置到 UIImageView 或者 CALayer.contents 中去,并且 CALayer 被提交到 GPU 前,CGImage 中的数据才会得到解码。这一步是发生在主线程的,并且不可避免。如果想要绕开这个机制,常见的做法是在后台线程先把图片绘制到 CGBitmapContext 中,然后从 Bitmap 直接创建图片。目前常见的网络图片库都自带这个功能。

这就是说图片解码需要消耗比较多的时间,在即将显示前,图片才会得到解码显示。

一、图片解码产生的性能问题

下面我试试图片解码到底有多卡,我拿了10张超过1MB的图片进行测试。

代码很简单,就是一个tableView,在cell里面显示图片。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    if(!cell)
    {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
        
        UIImageView *headImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 6, 80, 100-12)];
        headImageView.tag = 10;
        [cell.contentView addSubview:headImageView];
    }
    
    NSString *fileName = [NSString stringWithFormat:@"Start%zi",indexPath.row%12];
    @autoreleasepool{
        UIImage *image = [UIImage imageNamed:fileName];
        UIImageView *imageView = [cell.contentView viewWithTag:10];
        imageView.image = image;
    }
    return cell;
}

1、通过imageNamed加载图

    @autoreleasepool{
        UIImage *image = [UIImage imageNamed:fileName];
        UIImageView *imageView = [cell.contentView viewWithTag:10];
        imageView.image = image;
    }

2、通过imageWithContentsOfFile加载图片

    @autoreleasepool{
//        UIImage *image = [UIImage imageNamed:fileName];
        NSString *path = [[NSBundle mainBundle] pathForResource:fileName ofType:@"png"];
        UIImage *image = [UIImage imageWithContentsOfFile:path];
        UIImageView *imageView = [cell.contentView viewWithTag:10];
        imageView.image = image;
    }

两种加载方式,一开始都是比较卡,好像imageNamed方式有缓存,后面再滑动tableView不卡了,因为缓存了解码后的图片。但imageWithContentsOfFile这种方式,一直都是卡顿,证明没有缓存,每次显示都进行了一次解码。

给imageView.image赋值时候,才会发生图片解码,如果不执行这代码,发现没产生什么卡顿,证明imageNamed等的图片加载方法耗时不多,主要的耗时操作是在解码阶段。

二、图片解码的性能优化

对图片解码的性能优化,可以考虑把图片解码操作放到子线程执行。然后再把解码后的图片赋值给imageView.image,如果发现图片已经是解码过的,就不会再发生解码操作,就可以达到优化效果。

SDWebImage的实现思路就是这样,从网络获取图片后,进行了一次解码操作,再缓存到内存和磁盘,以供显示。
SDWebImageDecoder的解码方法decodedImageWithImage,里面代码也不难,有兴趣可以详细看看,当然,网上也有一大堆源码分析。
下面,我就要用这方法优化上面的代码:

- (void)queryImageCache:(NSString *)filename block:(void(^)(UIImage *image))block
{
    //从内存去取,如果没取到,就直接读取文件,在缓存起来
    UIImage *image = [self.memCache objectForKey:filename];
    if(image)
    {
        dispatch_async(dispatch_get_main_queue(), ^{
            if(block)
                block(image);
        });
    }
    else
    {
        dispatch_async(_ioQueue, ^{
            
            @autoreleasepool{
                NSString *path = [[NSBundle mainBundle] pathForResource:filename ofType:@"png"];
                UIImage *image = [UIImage imageWithContentsOfFile:path];
                //把解压操作放到子线程
                image = [UIImage decodedImageWithImage:image];
                [self.memCache setObject:image forKey:filename];
                dispatch_async(dispatch_get_main_queue(), ^{
                    if(block)
                        block(image);
                });
            }
        });
    }
}

我把解码操作放到了子线程,解码完成后就缓存到内存,以供下次直接使用,执行如下:

[self queryImageCache:fileName block:^(UIImage *image) {
        UIImageView *imageView = [cell.contentView viewWithTag:10];
        imageView.image = image;
    }];
 return cell;

不会出现卡顿现象,而且占用的内存比直接使用imageNamed少。

 

标签:

未经允许不得转载:作者:SheaYang, 转载或复制请以 超链接形式 并注明出处 技术Dog|博客
原文地址:《iOS-UIImage图片解码的性能优化》 发布于2019-09-30

分享到:
赞(0) 打赏

评论 抢沙发

6 + 6 =


iOS-UIImage图片解码的性能优化

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

登录

忘记密码 ?