前段时间看了篇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少。
