zoukankan      html  css  js  c++  java
  • 【iOS】SDWebImage的实现原理

    SDWebImage是我们在日常开发中常用的一个图片加载库。它都有什么功能呢?

    1.一个添加了web图片加载和缓存管理的UIImageView分类;

    2.一个异步图片下载器;

    3.一个异步的内存加磁盘综合存储图片并且自动处理过期图片;

    4.支持动态gif图;

    5.支持webP格式的图片;

    6后天图片解压处理;

    7.确保同样的图片url不会下载多次;

    8.确保伪造的图片url不会重复尝试下载;

    9.确保主线程不会阻塞

    基本使用:

    // 常用简单设置
     [cell.imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] placeholderImage:[UIImage imageNamed:@"placehoder"]];
    
    // 设置图片并计算下载进度
    /*
    
         第一个参数:要下载图片的url地址
    
         第二个参数:设置该imageView的占位图片
    
         第三个参数:传一个枚举值,告诉程序你下载图片的策略是什么
    
         第一个block块:获取当前图片数据的下载进度
    
             receivedSize:已经下载完成的数据大小
    
             expectedSize:该文件的数据总大小
    
         第二个block块:当图片下载完成之后执行该block中的代码
    
             image:下载得到的图片数据
    
             error:下载出现的错误信息
    
             SDImageCacheType:图片的缓存策略(不缓存,内存缓存,沙盒缓存)
    
             imageURL:下载的图片的url地址
    
         */
    
    [cell.imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] placeholderImage:[UIImage imageNamed:@"placehoder"] options:SDWebImageRetryFailed progress:^(NSInteger receivedSize, NSInteger expectedSize) {
    
            //计算当前图片的下载进度
    
            NSLog(@"%.2f",1.0 *receivedSize / expectedSize);
    
        } completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
    
        }];
    // 系统级内存警告如何处理(面试重点)
    
    //取消当前正在进行的所有下载操作
    [[SDWebImageManager sharedManager] cancelAll];
    //清除缓存数据
    //cleanDisk:删除过期的文件数据,计算当前未过期的已经下载的文件数据的大小,如果发现该数据大小大于我们设置的最大缓存数据大小,那么程序内部会按照按文件数据缓存的时间从远到近删除,知道小于最大缓存数据为止。
        //clearMemory:直接删除文件,重新创建新的文件夹
        [[SDWebImageManager sharedManager].imageCache cleanDisk];
    
        [[SDWebImageManager sharedManager].imageCache clearMemory];
    
    // SDWebImage默认缓存时间是一周
    
    // 如何播放Gif图片
     /*
    
        1 把用户传入的gif图片->NSData
    
        2 根据该Data创建一个图片数据源(NSData->CFImageSourceRef)
    
        3 计算该数据源中一共有多少帧,把每一帧数据取出来放到图片数组中
    
        4 根据得到的数组+计算的动画时间-》可动画的image
    
        [UIImage animatedImageWithImages:images duration:duration];
    
        */
    // 如何判断当前图片类型,只判断图片二进制数据的第一个字节
     + (NSString *)sd_contentTypeForImageData:(NSData *)data;
    
    // 内部如何进行缓存处理?
    // 使用了NSCache类,使用和NSDictionary类似
    
    //  沙盒缓存图片的命名方式为对该图片的URL进行MD5加密  echo -n "url" |MD5
    
    //  当接收到内存警告之后,内部会自动清理内存缓存
    
    //  图片的下载顺序,默认是先进先出的
    

     内部结构

     

    SDWebImageManger是由一个SDWebImageDownloader(负责下载网络图片),SDImageCache(一个处理缓存的类)共同构成的类
    SDWebImage提供了如下三个category来进行缓存。MKAnnotationView + WebCache 地图大头针、UIButton + WebCache 给按钮设置图片、UIImageView + WebCache imageView的图片

    加载图片流程   

    1.入口方法
    setImageWithURL :placeholderImage: options:
    这个方法默认情况下先显示 placeholderImage ,同时由SDWebImageManager根据 URL 来在本地查找图片。
    2.进入方法
    SDWebImageManager: downloadWithURL:delegate:options:userInfo:
    SDWebImageManager是将UIImageView+WebCache同SDImageCache链接起来的类,图片缓存是在内存缓存一份,在磁盘缓存一份.
    SDImageCache: queryDiskCacheForKey:delegate:userInfo:
    用来(根据CacheKey)查找图片是否已经在内存缓存中
    3.首先在缓存中查找。如果内存中已经有图片缓存,SDWebImageManager会回调
    SDImageCacheDelegate : imageCache:didFindImage:forKey:userInfo:
    4.而UIImageView+WebCache则回调
    SDWebImageManagerDelegate: webImageManager:didFinishWithImage:前端来显示图片。
    5.如果内存中没有图片缓存,那么生成 NSInvocationOperation添加到队列,从硬盘查找图片是否已被下载缓存。
    6.根据URLKey 在硬盘缓存目录下尝试读取图片文件。这一步是在 NSOperation 进行的操作,所以回主线程进行结果回调 notifyDelegate:。
    7.如果上一操作从硬盘读取到了图片,将图片添加到内存缓存中(如果空闲内存过小,会先清空内存缓存)。然后SDImageCacheDelegate回调 imageCache:didFindImage:forKey:userInfo:。进而回调展示图片。 8.如果从硬盘缓存目录没有读取到图片,说明所有缓存都不存在该图片,需要下载图片,回调 imageCache:didNotFindImageForKey:userInfo:。 9.共享或重新生成一个下载器 SDWebImageDownloader 开始下载图片。图片下载由NSURLConnection来做,实现相关 delegate 来判断图片下载中、下载完成和下载失败。 10.connection:didReceiveData:中利用 ImageIO 做了按图片下载进度加载效果。connectionDidFinishLoading:数据下载完成后交给 SDWebImageDecoder 做图片解码处理。
    11.图片解码处理在一个 NSOperationQueue 完成,不会拖慢主线程 UI。如果有需要对下载的图片进行二次处理,最好也在这里完成,效率会好很多。 12.在主线程 notifyDelegateOnMainThreadWithInfo:宣告解码完成,imageDecoder:didFinishDecodingImage:userInfo:回调给 SDWebImageDownloader。imageDownloader:didFinishWithImage: 回调给 SDWebImageManager告知图片下载完成。 13.通知所有的 downloadDelegates 下载完成,回调给需要的地方展示图片。 14.将图片保存到 SDImageCache中,内存缓存和磁盘缓存同时进行保存。写文件到磁盘在单独 NSInvocationOperation中完成,避免拖慢主线程。 15.如果是在iOS上运行,SDImageCache 在初始化的时候会注册notification 到 UIApplicationDidReceiveMemoryWarningNotification以及UIApplicationWillTerminateNotification,在内存警告的时候清理内存图片缓存,应用结束的时候清理过期图片。 16.SDWebImagePrefetcher可以预先下载图片,方便后续使用。

    SDWebImage在清理图片缓存时的原理:

    - (void)applicationDidReceiveMemoryWarning:(UIApplication *)application {
        /**
         *如果接收到内存警告,那么应该清空内存缓存,然后停止当前所有的下载操作
            cleanDisk:清除已经过期的图片
            cleanDisk:删除缓存目录中所有的缓存图片(内部就是删除了整个文件夹,再重新创建一个)
            SDWebImage默认的缓存时间是多长:1星期
            SDWebImage是如何播放gif图片的:取出gif中的每一帧图片,重新生成新的可动画的图片
         */
        [[SDWebImageManager sharedManager].imageCache clearMemory];
        // 取消所有的下载
        [[SDWebImageManager sharedManager] cancelAll];
    }

    SDWebImage在cleanMemary(清除缓存)时的运行原理:

    遍历缓存目录,删除所有过期图片

    统计没有过期的图片的总大小

    判断没有过期的图片的总大小是否超过了最大的缓存大小

    如果过期图片超过缓存总大小就会继续删除没有过期的图片,从大到小的删除

    SDImageCache是怎么做数据管理的?

    SDImageCache分两个部分,一个是内存层面的,一个是硬盘层面的。
    内存层面的相当是个缓存器,以Key-Value的形式存储图片。当内存不够的时候会清除所有缓存图片。用搜索文件系统的方式做管理,文件替换方式是以时间为单位,剔除时间大于一周的图片文件。当SDWebImageManager向SDImageCache要资源时,先搜索内存层面的数据,如果有直接返回,没有的话去访问磁盘,将图片从磁盘读取出来,然后做Decoder,将图片对象放到内存层面做备份,再返回调用层
    clearDisk (NSCache)清空磁盘缓存,将所有缓存目录中的文件,全部删除! 实际工作,将缓存目录直接删除,再次创建一个同名空目录!cleanDisk (接收到应用程序将要终止通知)清理磁盘缓存策略
    cleanDisk执行过程:
    1.获取磁盘路径URL,根据路径获取资源(存入NSArray)
    2.定义一个可变字典,记录所有缓存文件
    3.定义一个可变数组,遍历资源,将过期文件记录到可变数组里边,累加文件的总大小,然后遍历过期文件数组删除过期文件
    4.如果剩余磁盘缓存空间超出最大限额,再次执行清理操作,删除最早的文件 循环依次删除文件,直到低于期望的缓存限额,SDWebimage里边的期望限额为最大限额的一半
  • 相关阅读:
    修改其他输入法为android 默认输入法
    {php 数据类型}
    转:PHP.ini配置文件(中文)
    php导出任意mysql数据库中的表去excel文件
    php输出、写入csv
    smarty二级分类代码和模版循环例子
    笔记:使ecshop 模板中可引用 常量
    Windows下Apache2不同域名解析不同目录解决方法
    {php 数组}
    Apache中.htaccess文件功能
  • 原文地址:https://www.cnblogs.com/weicyNo-1/p/11117063.html
Copyright © 2011-2022 走看看