iOS開發——優秀的第三方框架之SDWebImage

我們爲什麼要用它?

圖片緩存是編程過程中比較難、麻煩的一件事,且很佔內存資源,如果有大量的圖片處理,最好能有一個好用的工具來幫我們完成網絡圖片的緩存管理、異步下載等操作。SDWebImage就是這樣一個工具。

作用:
1、對網絡圖片和緩存進行管理
2、一個異步圖片下載器
3、支持GIF動圖
4、支持WebP格式
5、背景圖片解壓
6、保證同一個URL不會被多次下載
7、保證假網址不會被反覆嘗試連接
8、保證主線程不會被阻塞
9、異步存儲及自動緩存機制

如何使用?
用法:
1、用Carthage將最新版本的框架update到相應的文件夾
2、導入framework“WebImage”,然後import WebImage
3、開始用:以下代碼
imageView?.sd_setImageWithURL(NSURL(), placeholderImage: UIImage(), options: SDWebImageOptions.CacheMemoryOnly)
可以給一張默認圖片,先使用默認圖片佔位,當圖片加載完成後再替換,還可以用閉包在圖片加載完成之後做些事情,也可以選擇不同的選項選擇緩存策略。
除了帶options選項的方法,其他的方法都是綜合存儲,也就是內存緩存和磁盤緩存結合的方式,如果你只需要內存緩存,那麼在options這裏選擇SDWebImageCacheMemoryOnly就可以了


options所有選項:


     //失敗後重試
     SDWebImageRetryFailed = 1 << 0,
     
     //UI交互期間開始下載,導致延遲下載比如UIScrollView減速。
     SDWebImageLowPriority = 1 << 1,
     
     //只進行內存緩存
     SDWebImageCacheMemoryOnly = 1 << 2,
     
     //這個標誌可以漸進式下載,顯示的圖像是逐步在下載
     SDWebImageProgressiveDownload = 1 << 3,
     
     //刷新緩存
     SDWebImageRefreshCached = 1 << 4,
     
     //後臺下載
     SDWebImageContinueInBackground = 1 << 5,
     
     //NSMutableURLRequest.HTTPShouldHandleCookies = YES;
     
     SDWebImageHandleCookies = 1 << 6,
     
     //允許使用無效的SSL證書
     //SDWebImageAllowInvalidSSLCertificates = 1 << 7,
     
     //優先下載
     SDWebImageHighPriority = 1 << 8,
     
     //延遲佔位符
     SDWebImageDelayPlaceholder = 1 << 9,
     
     //改變動畫形象
     SDWebImageTransformAnimatedImage = 1 << 10,


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可以預先下載圖片,方便後續使用。

    從上面流程可以看出,當你調用setImageWithURL:方法的時候,他會自動去給你幹這麼多事,當你需要在某一具體時刻做事情的時候,你可以覆蓋這些方法。比如在下載某個圖片的過程中要響應一個事件,就覆蓋這個方法:
    //覆蓋方法,指哪打哪,這個方法是下載imagePath2的時候響應
    SDWebImageManager *manager = [SDWebImageManager sharedManager];
    
    [manager downloadImageWithURL:imagePath2 options:SDWebImageRetryFailed progress:^(NSInteger receivedSize, NSInteger expectedSize) {
        
        NSLog(@"顯示當前進度");
        
    } completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {
        
        NSLog(@"下載完成");
    }];

對於初級來說,用sd_setImageWithURL:的若干個方法就可以實現很好的圖片緩存。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章