iOS圖片加載框架SDWebImage的示例分析

這篇文章將為大家詳細(xì)講解有關(guān)iOS圖片加載框架SDWebImage的示例分析，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

扎賚特ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書(shū)合作）期待與您的合作！

目的

在使用SDWebImage加載圖片時(shí)，尤其是加載gif等大圖時(shí)，SDWebImage會(huì)將圖片緩存在內(nèi)存中，這樣是非常吃?xún)?nèi)存的，這時(shí)我們就需要在適當(dāng)?shù)臅r(shí)候去釋放一下SDWebImage的內(nèi)存緩存，才不至于造成APP閃退。

SDWebImage 提供了 UIImageView、UIButton 、MKAnnotationView 的圖片下載分類(lèi)，只要一行代碼就可以實(shí)現(xiàn)圖片異步下載和緩存功能。

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

SDWebImage 特點(diǎn)

  1. 提供 UIImageView, UIButton, MKAnnotationView 的分類(lèi)，用來(lái)顯示網(wǎng)絡(luò)圖片，以及緩存管理

  2. 異步下載圖片

  3. 異步緩存（內(nèi)存+磁盤(pán)），并且自動(dòng)管理緩存有效性

  4. 后臺(tái)圖片解壓縮

  5. 同一個(gè) URL 不會(huì)重復(fù)下載

  6. 自動(dòng)識(shí)別無(wú)效 URL，不會(huì)反復(fù)重試

  7. 不阻塞主線程

  8. 高性能

  9. 使用 GCD 和 ARC

  10. 支持多種圖片格式（包括 WebP 格式）

  11. 支持動(dòng)圖（GIF）

  12. 4.0 之前的動(dòng)圖效果并不是太好

  13. 4.0 以后基于 FLAnimatedImage加載動(dòng)圖

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

SDWebImage 使用

1. UITableView 中使用 UIImageView+WebCache

復(fù)制代碼 代碼如下:


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

2. 使用回調(diào) blocks

在 block 中得到圖片下載進(jìn)度和圖片加載完成（下載完成或者讀取緩存）的回調(diào)，如果你在圖片加載完成前取消了請(qǐng)求操作，就不會(huì)收到成功或失敗的回調(diào)

[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) 分類(lèi)的核心在于 SDWebImageManager 的下載和緩存處理，SDWebImageManager將圖片下載和圖片緩存組合起來(lái)了。SDWebImageManager也可以單獨(dú)使用。

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. 單獨(dú)使用 SDWebImageDownloader 異步下載圖片

我們還可以單獨(dú)使用 SDWebImageDownloader 來(lái)下載圖片，但是圖片內(nèi)容不會(huì)緩存。

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. 單獨(dú)使用 SDImageCache 異步緩存圖片

SDImageCache 支持內(nèi)存緩存和異步的磁盤(pán)緩存（可選），如果你想單獨(dú)使用 SDImageCache 來(lái)緩存數(shù)據(jù)的話，可以使用單例，也可以創(chuàng)建一個(gè)有獨(dú)立命名空間的 SDImageCache 實(shí)例。

添加緩存的方法：

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

默認(rèn)情況下，圖片數(shù)據(jù)會(huì)同時(shí)緩存到內(nèi)存和磁盤(pán)中，如果你想只要內(nèi)存緩存的話，可以使用下面的方法：

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

讀取緩存時(shí)可以使用 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

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

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

常見(jiàn)問(wèn)題

問(wèn)題 1：使用 UITableViewCell 中的 imageView 加載不同尺寸的網(wǎng)絡(luò)圖片時(shí)會(huì)出現(xiàn)尺寸縮放問(wèn)題。

解決方案：

自定義 UITableViewCell，重寫(xiě) -layoutSubviews 方法，調(diào)整位置尺寸；

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

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

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

問(wèn)題 3：在加載圖片時(shí)，如何添加默認(rèn)的 progress indicator ？

解決方案：在調(diào)用 -sd_setImageWithURL:方法之前，先調(diào)用下面的方法：

 [imageView sd_setShowActivityIndicatorView:YES];
 [imageView sd_setIndicatorStyle:UIActivityIndicatorViewStyleGray];
```![](/upload/otherpica42/120910.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/300)

關(guān)于“iOS圖片加載框架SDWebImage的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

文章標(biāo)題：iOS圖片加載框架SDWebImage的示例分析
標(biāo)題鏈接：http://muchs.cn/article24/iidsce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷(xiāo)、網(wǎng)站內(nèi)鏈、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站策劃、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

微信小程序開(kāi)發(fā)