SDWebImage加载图片Color Misaligned Images(图片缩放)解决方法

背景介绍(感觉好装逼)

近期在做一些app性能优化的东西,用到了instrument,参考的是张星宇
(bestswifter)的一篇文章UIKit性能调优实战讲解 (此处大家xcode8可能找不到有个设置图标的按钮,其实改到下边了,叫Debug Option)。张大神的文章看完受益匪浅,每个的解决方案都是非常好,其中的Color Misaligned Images(图片缩放)没有说具体的方案,然后我的应用就有这个问题:

后台给的图片是220*220的,我的控件大小是115*115的。解决方法有两种:

1.让后台给你同等大小的图片(感觉后台会打死我,算了吧)

2.自己处理图片大小(为了不被打死,我果断选择这个方法)

正题

自己处理图片大小其实就是把拿到的图片自己缩放喽,看标哥的文章 给出了很好的答案。我先上代码:


SDWebImage加载图片Color Misaligned Images(图片缩放)解决方法_第1张图片
原谅我无耻的截图了

这个就是UIImage的分类,然后我们就可以愉快的调用了。

[_imageView sd_setImageWithURL:[NSURL URLWithString:@"http://图片地址" placeholderImage:[UIImage imageNamed:@"占位图"] options:SDWebImageAvoidAutoSetImage completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {

    if (image) {//此处要加个判断,当请求的图片无效的时候还是要显示占位图的,不判断会生成一个白图

          dispatch_async(dispatch_get_global_queue(0, 0), ^{

              // 此处就是调用UIImage的分类等比例所有网络请求来的图片

              UIImage *images = [image hyb_cropEqualScaleImageToSize:_im_Goods.frame.size]

              dispatch_async(dispatch_get_main_queue(), ^{

                    _imageView.image = images;

              });

          });

    }

}];


SDWebImage的这个方法大家平时用的不多,所有没什么印象。

SDWebImageAvoidAutoSetImage告知SDWebImage当图片请求成功后不立即加载,而是通过回调来让程序员自己加载

SDWebImage下载完图片之后通过分线程来缩放图片,缩放成功后到主线程设置图片。

打完收工。

总结(假的):

这样就可以解决Color Misaligned Images(图片缩放)的问题了,但是我感觉这样还不够完美,why?

因为SDWebImage会把网络请求的图片缓存起来的,所以我们加载过一遍之后就不用重复从网络上下载了。不过现在我们这样的实现虽然不会重复下载,但是我们会重复的缩放图片,毕竟没有缓存,所以我感觉能把我们缩放的图片缓存下就完美了。

后续:

好吧,其实没完,本来想着有空再看看SDWebImage的源码,想想完美的解决方案的,突然灵光乍现,看个毛线源码呀,没必要呀,我在数据源的model中加个UIImage属性,然后把缩放过的图片存一下,然后在设置图片的位置做个判断即可,上代码,算了,还是上图片吧,毕竟代码很简单:


SDWebImage加载图片Color Misaligned Images(图片缩放)解决方法_第2张图片

图中goodsInfo是我数据源的model,我在model中加了个属性:

@property (strong, nonatomic) UIImage *scaledImage;

然后做个判断,我运行试了下,果然是完美命中缓存的图片。

总结(真的):

这次算是解决完了,其中有什么不对的地方,或者代码写的渣的地方请各位板砖伺候吧。

多留言哦!多提建议哦!反正我也不会改的哦!

你可能感兴趣的:(SDWebImage加载图片Color Misaligned Images(图片缩放)解决方法)