iOS 圖片加載框架SDWebImage解讀

更新時間：2017年10月10日 16:30:43 作者：L展菲Q

本篇文章主要介紹了iOS 圖片加載框架SDWebImage解讀，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

目的

在使用SDWebImage加載圖片時，尤其是加載gif等大圖時，SDWebImage會將圖片緩存在內存中，這樣是非常吃內存的，這時我們就需要在適當的時候去釋放一下SDWebImage的內存緩存，才不至于造成APP閃退。

SDWebImage 提供了 UIImageView、UIButton 、MKAnnotationView 的圖片下載分類，只要一行代碼就可以實現圖片異步下載和緩存功能。

這樣開發(fā)者就無須花太多精力在圖片下載細節(jié)上，專心處理業(yè)務邏輯。

SDWebImage 特點

提供 UIImageView, UIButton, MKAnnotationView 的分類，用來顯示網絡圖片，以及緩存管理
異步下載圖片
異步緩存（內存+磁盤），并且自動管理緩存有效性
后臺圖片解壓縮
同一個 URL 不會重復下載
自動識別無效 URL，不會反復重試
不阻塞主線程
高性能
使用 GCD 和 ARC
支持多種圖片格式（包括 WebP 格式）
支持動圖（GIF）
4.0 之前的動圖效果并不是太好
4.0 以后基于 FLAnimatedImage加載動圖

注：本文選讀的代碼是 3.7.3 版本的，所以動圖加載還不支持 FLAnimatedImage。

SDWebImage 使用

1. UITableView 中使用 UIImageView+WebCache

復制代碼代碼如下:

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

2. 使用回調 blocks

在 block 中得到圖片下載進度和圖片加載完成（下載完成或者讀取緩存）的回調，如果你在圖片加載完成前取消了請求操作，就不會收到成功或失敗的回調

[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 的使用

UIImageView(WebCache) 分類的核心在于 SDWebImageManager 的下載和緩存處理，SDWebImageManager將圖片下載和圖片緩存組合起來了。SDWebImageManager也可以單獨使用。

SDWebImageManager *manager = [SDWebImageManager sharedManager];
[manager loadImageWithURL: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 異步下載圖片

我們還可以單獨使用 SDWebImageDownloader 來下載圖片，但是圖片內容不會緩存。

SDWebImageDownloader *downloader = [SDWebImageDownloader sharedDownloader];
[downloader downloadImageWithURL:imageURL
               options:0
              progress:^(NSInteger receivedSize, NSInteger expectedSize) {
                // progression tracking code
              }
              completed:^(UIImage *image, NSData *data, NSError *error, BOOL finished) {
                if (image && finished) {
                  // do something with image
                }
              }];

5. 單獨使用 SDImageCache 異步緩存圖片

SDImageCache 支持內存緩存和異步的磁盤緩存（可選），如果你想單獨使用 SDImageCache 來緩存數據的話，可以使用單例，也可以創(chuàng)建一個有獨立命名空間的 SDImageCache 實例。

添加緩存的方法：

[[SDImageCache sharedImageCache] storeImage:myImage forKey:myCacheKey];

默認情況下，圖片數據會同時緩存到內存和磁盤中，如果你想只要內存緩存的話，可以使用下面的方法：

[[SDImageCache sharedImageCache] storeImage:myImage forKey:myCacheKey toDisk:NO];

讀取緩存時可以使用 queryDiskCacheForKey:done: 方法，圖片緩存的 key 是唯一的，通常就是圖片的 absolute URL。

SDImageCache *imageCache = [[SDImageCache alloc] initWithNamespace:@"myNamespace"];
[imageCache queryDiskCacheForKey:myCacheKey done:^(UIImage *image) {
    // image is not nil if image was found
  }];

6. 自定義緩存 key

有時候，一張圖片的 URL 中的一部分可能是動態(tài)變化的（比如獲取權限上的限制），所以我們只需要把 URL 中不變的部分作為緩存用的 key。

SDWebImageManager.sharedManager.cacheKeyFilter = ^(NSURL *url) {
      url = [[NSURL alloc] initWithScheme:url.scheme host:url.host path:url.path];
      return [url absoluteString];
    };

常見問題

問題 1：使用 UITableViewCell 中的 imageView 加載不同尺寸的網絡圖片時會出現尺寸縮放問題。

解決方案：

自定義 UITableViewCell，重寫 -layoutSubviews 方法，調整位置尺寸；

或者直接棄用 UITableViewCell 的 imageView，自己添加一個 imageView 作為子控件。

問題 2：圖片刷新問題：SDWebImage 在進行緩存時忽略了所有服務器返回的 caching control 設置，并且在緩存時沒有做時間限制，這也就意味著圖片 URL 必須是靜態(tài)的了，要求服務器上一個 URL 對應的圖片內容不允許更新。但是如果存儲圖片的服務器不由自己控制，也就是說圖片內容更新了，URL 卻沒有更新，這種情況怎么辦？

解決方案：在調用 sd_setImageWithURL: placeholderImage: options:方法時設置 options 參數為 SDWebImageRefreshCached，這樣雖然會降低性能，但是下載圖片時會照顧到服務器返回的 caching control。

問題 3：在加載圖片時，如何添加默認的 progress indicator ？

解決方案：在調用 -sd_setImageWithURL:方法之前，先調用下面的方法：

 [imageView sd_setShowActivityIndicatorView:YES];
 [imageView sd_setIndicatorStyle:UIActivityIndicatorViewStyleGray];
```![](http://upload-images.jianshu.io/upload_images/2829694-48307b4d71bc5800.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/300)

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: