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少。