栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > iOS面试题

iOS开发面试-OC篇&SDWebImage经典解析

iOS面试题 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

SDWebImage经典解析

先来一句话概述SDWebImage:(相信面试对你有用)

  • url作为key,UIImage作为value
  • url作为key,NSOperation作为value

 

先来看看他的内部缓存原理:



 

SDWebImage库的作用: 

通过对UIImageView的类别扩展来实现异步加载替换图片的工作。

主要用到的对象:

  • 1、UIImageView (WebCache)类别,入口封装,实现读取图片完成后的回调
  • 2、SDWebImageManager,对图片进行管理的中转站,记录那些图片正在读取。
  •      向下层读取Cache(调用SDImageCache),或者向网络读取对象(调用SDWebImageDownloader) 。
  •      实现SDImageCache和SDWebImageDownloader的回调。
  • 3、SDImageCache,根据URL的MD5摘要对图片进行存储和读取(实现存在内存中或者存在硬盘上两种实现)
  •      实现图片和内存清理工作。
  • 4、SDWebImageDownloader,根据URL向网络读取数据(实现部分读取和全部读取后再通知回调两种方式)

 

     SDWebImage会自动进行内存缓存和磁盘缓存

     – SDWebImage的磁盘缓存, 是按照时间来处理的, 只要缓存数据超过了最大的缓存时间, 就会自动删除

     – SDWebImage默认的磁盘缓存时间是多久? 

        + 1周

     – SDWebImage接收到内存警告会如何处理

        + 只要接收到内存警告就会调用 clearMemory 清空内存缓存

     – SDWebImage即将要被终结如何处理

        + 会调用 cleanDisk 方法, 删除过期的文件

     – SDWebImage存储到什么为止

        + caches文件夹下面

        + 新建一个default文件夹用于缓存

     – SDWebImage是如何清空缓存 ?

        + clearMemory

        + 移除NSCache中保存的所有图片对象

     

     – SDWebImage是如何清除磁盘

  •         + cleanDisk : 清除过期的

            * 遍历缓存目录, 找到所有过期的文件, 并删除

            * 查看当maxCacheSize的值, 如果删除之后缓存的大小, 还大于maxCacheSize, 那么就会从时间较早的开始继续删除, 直到缓存大小小于maxCacheSize为止

  •         + clearDisk : 清除所有

            * 直接干掉缓存文件夹

            * 重新创建一个新的文件夹, 作为缓存文件

     

     – SDWebImage可以直接播放GIF图片

  •         + 加载GIF图片, 然后取出GIF图片中所有的帧, 并且计算动画时间
  •         + 根据取出的帧和动画时间生产一张新的可动画的图片

     

     – SDWebImage它可以判断图片的类型

  •         + 图片的十六进制数据, 的前8个字节都是一样的, 所以可以同判断十六进制来判断图片的类型
  •         + PNG
  •         + JPG
  •         + …

 

    经典使用:

    // 在老版本的SDWebImage中, 以下方法是没有sd_前缀的

    [cell.imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] placeholderImage:[UIImage imageNamed:@”abc”]];

 

下面来看看SDWebImage代码的相关实现:(这里并不是他的源码,笔者根据内部的实现原理自己实现的一套,当然如果你想更深入了解可以查看对应的源码)

 1     //先使用一张占为图片,提升用户体验 2     cell.imageView.image = [UIImage imageNamed:@"001.png"]; 3      4     //********************************************************************************** 5     //--------------------- 6 #pragma mark 图片缓存 7     //--------------------- 8     //********************************************************************************** 9     10     //获取内存中的图片11     UIImage *image = self.cacheImage[ic.icon];12     13     ///判断缓存中是否有图片14     if (image == nil) {//没有图片15         16         //获取缓存路径17         NSString *path = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];18         19         //从磁盘中获取图片数据20         __block NSData *data = [NSData dataWithContentsOfFile:path];21         22         //判断磁盘中是否有数据23         if (data == nil) {24  25  ///创建一个队列26  NSOperationQueue *queue = [[NSOperationQueue alloc] init];27  28  //获取图片的下载操作29  NSBlockOperation *opp = self.operations[ic.icon];30  31  //磁盘也没有图片的时候,判断图片是否在下载32  if (opp == nil) {33      34      //如果没有下载则下载图片35      opp = [NSBlockOperation blockOperationWithBlock:^{36          37          //获取模型中的url38          NSURL *url = [NSURL URLWithString:ic.icon];39          40          //将URL下载为二进制数据41          data = [NSData dataWithContentsOfURL:url];42          43          //判断是否下载成功44          if (data == nil) {45   //如果没有下载成功则移除所有下载46   [self.operations removeObjectForKey:ic.icon];47   return ;48          }49          50          //获取下载好的二进制数据51          UIImage *image = [UIImage imageWithdata:data];52          53          //将下载好图片缓存到内存中,方便下次直接使用54          self.cacheImage[ic.icon] = image;55      56          //将下载好的图片数据保存到磁盘中,方便下次使用57          [data writeToFile:path atomically:YES];58          59          //在主线程中刷新数据60          [[NSOperationQueue mainQueue] addOperationWithBlock:^{61   //使用这种方法就可以,不需要cell.imageView.image = image;那样会有意外的bug62   [tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];63   64   //刷新数据之后移除下载操作65   [self.operations removeObjectForKey:ic.icon];66          }];67      }];68      69      //将下载的任务保存到缓存中70      self.operations[ic.icon] = opp;71      72      //将任务添加到队列中73      [queue addOperation:opp];74  }75         } else {76  //如果磁盘中有数据则直接从磁盘路径中获取数据77  NSData *data = [NSData dataWithContentsOfFile:path];78  79  //将从磁盘中获取的二进制数据转换为对应的图片数据80  UIImage *image = [UIImage imageWithdata:data];81  82  //刷新界面,即设置对应的图片83  cell.imageView.image = image;84  85  //将磁盘中的图片保存内存中,方便直接使用86  self.cacheImage[ic.icon] = image;87  88         }89     } else {90         //如果内存中有图片数据,则直接赋值使用图片数据91         cell.imageView.image = image;92     }

流程介绍:

  • 入口 setImageWithURL:placeholderImage:options: 会先把 placeholderImage 显示,然后 SDWebImageManager 根据 URL 开始处理图片。
  • 进入 SDWebImageManager-downloadWithURL:delegate:options:userInfo:,交给 SDImageCache 从缓存查找图片是否已经下载 queryDiskCacheForKey:delegate:userInfo:.
  • 先从内存图片缓存查找是否有图片,如果内存中已经有图片缓存,SDImageCacheDelegate 回调 imageCache:didFindImage:forKey:userInfo: 到 SDWebImageManager。
  • SDWebImageManagerDelegate 回调 webImageManager:didFinishWithImage: 到 UIImageView+WebCache 等前端展示图片。
  • 如果内存缓存中没有,生成 NSInvocationOperation 添加到队列开始从硬盘查找图片是否已经缓存。
  • 根据 URLKey 在硬盘缓存目录下尝试读取图片文件。这一步是在 NSOperation 进行的操作,所以回主线程进行结果回调 notifyDelegate:。
  • 如果上一操作从硬盘读取到了图片,将图片添加到内存缓存中(如果空闲内存过小,会先清空内存缓存)。SDImageCacheDelegate 回调 imageCache:didFindImage:forKey:userInfo:。进而回调展示图片。
  • 如果从硬盘缓存目录读取不到图片,说明所有缓存都不存在该图片,需要下载图片,回调 imageCache:didNotFindImageForKey:userInfo:。
  • 共享或重新生成一个下载器 SDWebImageDownloader 开始下载图片。
  • 图片下载由 NSURLConnection 来做,实现相关 delegate 来判断图片下载中、下载完成和下载失败。
  • connection:didReceivedata: 中利用 ImageIO 做了按图片下载进度加载效果。
  • connectionDidFinishLoading: 数据下载完成后交给 SDWebImageDecoder 做图片解码处理。
  • 图片解码处理在一个 NSOperationQueue 完成,不会拖慢主线程 UI。如果有需要对下载的图片进行二次处理,最好也在这里完成,效率会好很多。
  • 在主线程 notifyDelegateOnMainThreadWithInfo: 宣告解码完成,imageDecoder:didFinishDecodingImage:userInfo: 回调给 SDWebImageDownloader。
  • imageDownloader:didFinishWithImage: 回调给 SDWebImageManager 告知图片下载完成。
  • 通知所有的 downloadDelegates 下载完成,回调给需要的地方展示图片。
  • 将图片保存到 SDImageCache 中,内存缓存和硬盘缓存同时保存。写文件到硬盘也在以单独 NSInvocationOperation 完成,避免拖慢主线程。
  • SDImageCache 在初始化的时候会注册一些消息通知,在内存警告或退到后台的时候清理内存图片缓存,应用结束的时候清理过期图片。
  • SDWI 也提供了 UIButton+WebCache 和 MKAnnotationView+WebCache,方便使用。
  • SDWebImagePrefetcher 可以预先下载图片,方便后续使用。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/274389.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号