美文网首页iOS性能优化
SDWebImage加载图片Color Misaligned I

SDWebImage加载图片Color Misaligned I

作者: 扛支枪 | 来源:发表于2017-08-02 16:48 被阅读262次

    背景介绍(感觉好装逼)

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

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

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

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

    正题

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

    原谅我无耻的截图了

    这个就是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属性,然后把缩放过的图片存一下,然后在设置图片的位置做个判断即可,上代码,算了,还是上图片吧,毕竟代码很简单:

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

    @property (strong, nonatomic) UIImage *scaledImage;

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

    总结(真的):

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

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

    相关文章

      网友评论

        本文标题:SDWebImage加载图片Color Misaligned I

        本文链接:https://www.haomeiwen.com/subject/nyfylxtx.html