iOS SDWebImage 實現原理

標籤：

SDWebImage
這個類庫提供一個UIImageView
類別以支援載入來自網路的遠程圖片。具有緩衝管理、非同步下載、同一個URL下載次數控制和最佳化等特徵。
SDWebImage 支援非同步圖片下載+緩衝，提供了 UIImageView+WebCacha 的
category，方便使用。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 可以預先下載圖片，方便後續使用

管理類的使用位置：
這個庫最常用到的，是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:方法的第三個參數帶一負值
來替代。
SDWebImage庫的作用：
通過對UIImageView的類別擴充來實現非同步載入替換圖片的工作。
主要用到的對象：
1、UIImageView (WebCache)類別，入口封裝，實現讀取圖片完成後的回調
2、SDWebImageManager，對圖片進行管理的中轉站，記錄那些圖片正在讀取。
向下層讀取Cache（調用SDImageCache
），或者向網路讀取對象（調用SDWebImageDownloader）。
實現SDImageCache和SDWebImageDownloader的回調。
3、SDImageCache，根據URL的MD5
摘要對圖片進行儲存和讀取（實現存在記憶體中或者存在硬碟上兩種實現）
實現圖片和記憶體清理工作。
4、SDWebImageDownloader，根據URL
向網路讀取資料（實現部分讀取和全部讀取後再通知回調兩種方式）
SDImageCache是怎麼做資料管理的?
SDImageCache分兩個部分，一個是記憶體層面的，一個是硬碟層面的。
記憶體層面的相當是個緩衝器，以Key-Value
的形式儲存圖片。當記憶體不夠的時候會清除所有緩衝圖片。
用搜尋檔案系統的方式做管理，檔案替換方式是以時間為單位，
剔除時間大於一周的圖片檔案。
當SDWebImageManager向SDImageCache
要資源時，先搜尋記憶體層面的資料，如果有直接返回，沒有的話去訪問磁碟，將圖片從磁碟讀取出來，然後做Decoder
，將圖片對象放到記憶體層面做備份，再返回調用層

iOS SDWebImage 實現原理