iOS 第三方框架－SDWebImage解读

article/2025/10/7 11:06:56

在iOS的图片加载框架中，SDWebImage可谓是占据大半壁江山。它支持从网络中下载且缓存图片，并设置图片到对应的UIImageView控件或者UIButton控件。在项目中使用SDWebImage来管理图片加载相关操作可以极大地提高开发效率，让我们更加专注于业务逻辑实现。

SDWebImage 概论

提供了一个UIImageView的category用来加载网络图片并且对网络图片的缓存进行管理
采用异步方式来下载网络图片
采用异步方式，使用memory＋disk来缓存网络图片，自动管理缓存。
支持GIF动画
支持WebP格式
同一个URL的网络图片不会被重复下载
失效的URL不会被无限重试
耗时操作都在子线程，确保不会阻塞主线程
使用GCD和ARC
支持Arm64

SDWebImage 使用

1.使用IImageView+WebCache category来加载UITableView中cell的图片

[cell.imageView sd_setImageWithURL:[NSURL URLWithString:@"http://www.domain.com/path/to/image.jpg"] placeholderImage:[UIImage imageNamed:@"placeholder.png"]];

2.使用Blocks,采用这个方案可以在网络图片加载过程中得知图片的下载进度和图片加载成功与否

[cell.imageView sd_setImageWithURL:[NSURL 
URLWithString:@"http://www.domain.com/path/to/image.jpg"] 
placeholderImage:[UIImage imageNamed:@"placeholder.png"] 
completed:^(UIImage image, NSError error, SDImageCacheType cacheType, NSURL *imageURL) { 
... completion code here ... 
}];

3.使用SDWebImageManager,SDWebImageManager为UIImageView+WebCache category的实现提供接口。

SDWebImageManager manager = [SDWebImageManager sharedManager] ;[manager downloadImageWithURL:imageURL options:0 progress:^(NSInteger   receivedSize, NSInteger expectedSize) { 
// progression tracking code 
}completed:^(UIImage image, NSError error, SDImageCacheType cacheType,   BOOL finished, NSURL imageURL) {if (image) { // do something with image } }];

4.加载图片还有使用SDWebImageDownloader和SDImageCache方式，但那个并不是我们经常用到的。基本上面所讲的3个方法都能满足需求。

SDWebImage 流程

UIImageView的图片加载流程

SDWebImage 接口

SDWebImage是一个成熟而且比较庞大的框架，但是在使用过程中并不需要太多的接口,这算是一种代码封装程度的体现。这里就介绍比较常用的几个接口。

1.给UIImageView设置图片的接口，SDWebImage有提供多个给UIImageView设置图片的接口，最终所有的接口都会调用下图的这个接口，这是大多数框架的做法。

给UIImageView设置图片的接口

2.获取SDWebImage的磁盘缓存大小,在项目中有时候会需要统计应用的磁盘缓存内容大小，那么获取图片的缓存大小就是使用这个接口来实现

[SDImageCache sharedImageCache] getSize];

3.清理内存缓存，清理内存中缓存的图片资源，释放内存资源。

[[SDImageCache sharedImageCache] clearMemory];

4.有了清理内存缓存，自然也有清理磁盘缓存的接口

[[SDImageCache sharedImageCache] clearDisk];

SDWebImage 解析

解析主要围绕着SDWebImage的图片加载流程来分析，介绍SDWebImage这个框架加载图片过程中的一些处理方法和设计思路。

1.给UIImageView设置图片，然后SDWebImage调用这个最终的图片加载方法。

给UIImageView设置图片:

2.开始加载之前图片先取消对应的UIImageView先前的图片下载操作。试想，如果我们给UIImageView设置了一张新的图片，那么我们还会在意该UIImageVIew先前是要加载哪一张图片么？应该是不在意的吧！那是不是应该尝试把该UIImageView先前的加载图片相关操作给取消掉呢。

 [self sd_cancelCurrentImageLoad]

取消对应的UIImageView先前的图片下载操作:

该方法经过周转，最后调用了以下方法，框架将图片对应的下载操作放到UIView的一个自定义字典属性(operationDictionary)中，取消下载操作第一步也是从这个UIView的自定义字典属性(operationDictionary)中取出所有的下载操作，然后依次调用取消方法，最后将取消的操作从(operationDictionary)字典属性中移除。

最终的取消下载方法: