iOS源码分析移动端开发

SDWebImage粗解

2016-04-20  本文已影响505人  小名一峰
111176.png

框架GitHub地址SDWebImage

其实就两个：SDWebCache 和 SDWebImageDownloader

1.入口 setImageWithURL:placeholderImage:options:
 会先把 placeholderImage显示，然后 SDWebImageManager 
根据 URL 开始处理图片。

2.进入 SDWebImageManager-
downloadWithURL:delegate:options:userInfo:，
交给 SDImageCache 从缓存查找图片是否已经下载 
queryDiskCacheForKey:delegate:userInfo:.

3.先从内存图片缓存查找是否有图片，如果内存中已经有图片缓存，
SDImageCacheDelegate回调 
imageCache:didFindImage:forKey:userInfo: 到 SDWebImageManager

4.SDWebImageManagerDelegate 回调 
webImageManager:didFinishWithImage: 
到 UIImageView+WebCache等前端展示图片。

5.如果内存缓存中没有，生成 NSInvocationOperation添加到
队列开始从硬盘查找图片是否已经缓存。

6.根据 URLKey在硬盘缓存目录下尝试读取图片文件。
这一步是在 NSOperation 进行的操作，所以回主线程进行结果回调notifyDelegate:。

7.如果上一操作从硬盘读取到了图片，
将图片添加到内存缓存中（如果空闲内存过小，会先清空内存缓存）。
SDImageCacheDelegate回调 
imageCache:didFindImage:forKey:userInfo:。
进而回调展示图片。

8.如果从硬盘缓存目录读取不到图片，
说明所有缓存都不存在该图片，需要下载图片，回调 
imageCache:didNotFindImageForKey:userInfo:。

9.共享或重新生成一个下载器 SDWebImageDownloader 
开始下载图片。

10.图片下载由 NSURLConnection来做，
实现相关 delegate 来判断图片下载中、下载完成和下载失败。

11.connection:didReceiveData: 
中利用 ImageIO做了按图片下载进度加载效果。

12.connectionDidFinishLoading: 
数据下载完成后交给 SDWebImageDecoder 做图片解码处理。

13.图片解码处理在一个 NSOperationQueue完成，不会拖慢主线程 UI。
如果有需要对下载的图片进行二次处理，最好也在这里完成，效率会好很多。

14.在主线程 notifyDelegateOnMainThreadWithInfo: 
宣告解码完成，imageDecoder:didFinishDecodingImage:userInfo: 
回调给 SDWebImageDownloader。

15.imageDownloader:didFinishWithImage: 
回调给 SDWebImageManager告知图片下载完成。

16.通知所有的 downloadDelegates下载完成，
回调给需要的地方展示图片。

17.将图片保存到 SDImageCache中，内存缓存和硬盘缓存同时保存。
写文件到硬盘也在以单独 NSInvocationOperation 完成，
避免拖慢主线程。

18.SDImageCache 在初始化的时候会注册一些消息通知，
在内存警告或退到后台的时候清理内存图片缓存，
应用结束的时候清理过期图片。

19.SDWI 也提供了 UIButton+WebCache
 和 MKAnnotationView+WebCache，方便使用。

20.SDWebImagePrefetcher 可以预先下载图片，方便后续使用。
管理类的使用位置：这个库最常用到的，
是UIImageView的一个Category：UIImageView (WebCache)。

这里面最常用的一个方法，就是根据URL，加载网络的图片。
它的实现如下：
- (void)setImageWithURL:(NSURL *)url placeholderImage:(UIImage*)placeholder
{
SDWebImageManager *manager = [SDWebImageManagersharedManager];
// Remove in progress downloader from queue
[manager cancelForDelegate:self];
self.image = placeholder;
if (url)
{
[manager downloadWithURL:url delegate:self];
}
}
这个方法最大的好处就是，可以不需要改变UI的类，直接添加网络下载功能。
独立的异步图像下载
可能会单独用到异步图片下载，则一定要用downloaderWithURL:delegate:来建立一个SDWebImageDownloader实例。
downloader = [SDWebImageDownloader downloaderWithURL:url delegate:self];
这样SDWebImageDownloaderDelegate协议的方法imageDownloader:didFinishWithImage:被调用时下载会立即开始并完成。

独立的异步图像缓存
SDImageCache类提供一个创建空缓存的实例，并用方法imageForKey:来寻找当前缓存。
UIImage *myCachedImage = [[SDImageCache sharedImageCache] imageFromKey:myCacheKey];

存储一个图像到缓存是使用方法storeImage: forKey:
[[SDImageCache sharedImageCache] storeImage:myImage forKey:myCacheKey];
默认情况下，图像将被存储在内存缓存和磁盘缓存中。如果仅仅是想内存缓存中，要使用storeImage:forKey:toDisk:方法的第三个参数带一负值
来替代

通过对UIImageView的类别扩展来实现异步加载替换图片的工作。
主要用到的对象：
- UIImageView (WebCache)类别，入口封装，实现读取图片完成后的回调
- SDWebImageManager，对图片进行管理的中转站，记录那些图片正在读取。
- 向下层读取Cache（调用SDImageCache），或者向网络读取对象（调用SDWebImageDownloader）。
- 实现SDImageCache和SDWebImageDownloader的回调。SDImageCache，根据URL的MD5摘要对图片进行存储和读取（实现存在内存中或者存在硬盘上两种实现）
实现图片和内存清理工作。
- SDWebImageDownloader，根据URL向网络读取数据（实现部分读取和全部读取后再通知回调两种方式）

[cell.imageView sd_setImageWithURL:
[NSURL URLWithString:icon.name]placeholderImage:
[UIImage imageNamed:@"abc.png"]];

/* 
第1个参数: 需要下载图片的URL 
第2个参数: 下载的配置信息(例如是否需要缓存等等) 
第3个参数: 下载过程中的回调 
第4个参数: 下载完成后的回调 
*/ 
NSURL *url = [NSURL URLWithString:@"http://ia.topit.me/a/f9/0a/1101078939e960af9ao.jpg"]; 
[[SDWebImageManager sharedManager] downloadImageWithURL:url options:kNilOptions progress:^(NSInteger receivedSize, NSInteger expectedSize) { 
// receivedSize : 已经接受到的数据大小 
// expectedSize : 需要下载的图片的总大小 
NSLog(@"正在下载 %zd %zd", receivedSize, expectedSize);
 } completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) { 
// image : 下载好的图片 
// error: 错误信息 
// cacheType: 缓存的类型 
// finished: 是否下载完成 
// imageURL: 被下载的图片的地址 
NSLog(@"下载成功 %@", image); 
}];

NSURL *url = [NSURL URLWithString:
@"http://b.hiphotos.baidu.com/imag1e03d003478ec54e736d196f9.jpg"]; 
[imageView setImageWithURL:url]; 

- (void)storeImage:(UIImage *)image 
recalculateFromImage:(BOOL)recalculate 
imageData:(NSData *)imageData 
forKey:(NSString *)key 
toDisk:(BOOL)toDisk
 { 
if (!image || !key) { 
return; 
} 
[self.memCache setObject:image 
forKey:key cost:image.size.height * image.size.width * image.scale]; 
if (toDisk) 
{ 
dispatch_async(self.ioQueue, ^{ 
NSData *data = imageData; 
    
if (image && (recalculate || !data))
 { 
BOOL imageIsPng = YES; 
if ([imageData length] >= [kPNGSignatureData length]) 
{ 
imageIsPng = ImageDataHasPNGPreffix(imageData); 
} 
if (imageIsPng)
 { 
data = UIImagePNGRepresentation(image); 
} 
else { 
data = UIImageJPEGRepresentation(image, (CGFloat)1.0); 
} 
data = [NSBitmapImageRep 
representationOfImageRepsInArray:image.representations 
usingType: NSJPEGFileType properties:nil]; 
} 
if (data) { 
if (![_fileManager fileExistsAtPath:_diskCachePath])
 { 
[_fileManager createDirectoryAtPath:_diskCachePath 
withIntermediateDirectories:YES 
attributes:nil error:NULL]; 
} 
[_fileManager createFileAtPath:
[self defaultCachePathForKey:key] 
contents:data attributes:nil]; 
} 
}); 
} 
}

其实核心原理是：

其实UIImageView+WebCache这个category背后执行操作的就是这个SDWebImageManager.他会绑定一个下载器也就是SDWebImageDownloader和一个缓存SDImageCache.后面的大意应该是讲你可以直接使用一个其他上下文环境的SDWebImageManager,而不是仅仅限于一个UIView.

通常掌握设置图片 图片下载即可，多看分类部分有哪些

这里有更为详细的注解： SDWebImage源码解析之SDWebImageManager的注解

上一篇下一篇

猜你喜欢

热点阅读