iOS圖片加載－SDWebImage

1、SDWebImage內部實現過程

 

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 能夠預先下載圖片，方便後續使用。

二, 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 接口

SDWebImage是一個成熟並且比較龐大的框架，可是在使用過程當中並不須要太多的接口,這算是一種代碼封裝程度的體現。這裏就介紹比較經常使用的幾個接口。

1, 給UIImageView設置圖片的接口，SDWebImage有提供多個給UIImageView設置圖片的接口，最終全部的接口都會調用下圖的這個接口，這是大多數框架的作法。

2, 獲取SDWebImage的磁盤緩存大小,在項目中有時候會須要統計應用的磁盤緩存內容大小，那麼獲取圖片的緩存大小就是使用這個接口來實現

[SDImageCache sharedImageCache] getSize];

3, 清理內存緩存，清理內存中緩存的圖片資源，釋放內存資源。

[[SDImageCache sharedImageCache] clearMemory];

4, 有了清理內存緩存，天然也有清理磁盤緩存的接口

[[SDImageCache sharedImageCache] clearDisk];