??SDWebImage的實(shí)現(xiàn)原理

SDWebImage基本使用


    01 設(shè)置imageView的圖片

    [cell.imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] placeholderImage:[UIImage imageNamed:@"placehoder"]];

    02 設(shè)置圖片并計(jì)算下載進(jìn)度

       //下載并設(shè)置圖片

    /*

     第一個(gè)參數(shù):要下載圖片的url地址

     第二個(gè)參數(shù):設(shè)置該imageView的占位圖片

     第三個(gè)參數(shù):傳一個(gè)枚舉值唉工,告訴程序你下載圖片的策略是什么

     第一個(gè)block塊:獲取當(dāng)前圖片數(shù)據(jù)的下載進(jìn)度

         receivedSize:已經(jīng)下載完成的數(shù)據(jù)大小

         expectedSize:該文件的數(shù)據(jù)總大小

     第二個(gè)block塊:當(dāng)圖片下載完成之后執(zhí)行該block中的代碼

         image:下載得到的圖片數(shù)據(jù)

         error:下載出現(xiàn)的錯(cuò)誤信息

         SDImageCacheType:圖片的緩存策略(不緩存咬荷,內(nèi)存緩存,沙盒緩存)

         imageURL:下載的圖片的url地址

     */

    [cell.imageView sd_setImageWithURL:[NSURL URLWithString:app.icon] placeholderImage:[UIImage imageNamed:@"placehoder"] options:SDWebImageRetryFailed progress:^(NSInteger receivedSize, NSInteger expectedSize) {

        //計(jì)算當(dāng)前圖片的下載進(jìn)度

        NSLog(@"%.2f",1.0 *receivedSize / expectedSize);

    } completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {

    }];

    03 系統(tǒng)級內(nèi)存警告如何處理(面試)

    //取消當(dāng)前正在進(jìn)行的所有下載操作

    [[SDWebImageManager sharedManager] cancelAll];

    //清除緩存數(shù)據(jù)(面試)

    //cleanDisk:刪除過期的文件數(shù)據(jù)蚕键,計(jì)算當(dāng)前未過期的已經(jīng)下載的文件數(shù)據(jù)的大小妇智,如果發(fā)現(xiàn)該數(shù)據(jù)大小大于我們設(shè)置的最大緩存數(shù)據(jù)大小,那么程序內(nèi)部會按照按文件數(shù)據(jù)緩存的時(shí)間從遠(yuǎn)到近刪除土陪,知道小于最大緩存數(shù)據(jù)為止煤蹭。

    //clearMemory:直接刪除文件笔喉,重新創(chuàng)建新的文件夾

    //[[SDWebImageManager sharedManager].imageCache cleanDisk];

    [[SDWebImageManager sharedManager].imageCache clearMemory];

    04 SDWebImage默認(rèn)的緩存時(shí)間是1周

    05 如何播放gif圖片

    /*

    5-1 把用戶傳入的gif圖片->NSData

    5-2 根據(jù)該Data創(chuàng)建一個(gè)圖片數(shù)據(jù)源(NSData->CFImageSourceRef)

    5-3 計(jì)算該數(shù)據(jù)源中一共有多少幀取视,把每一幀數(shù)據(jù)取出來放到圖片數(shù)組中

    5-4 根據(jù)得到的數(shù)組+計(jì)算的動畫時(shí)間-》可動畫的image

    [UIImage animatedImageWithImages:images duration:duration];

    */

    06 如何判斷當(dāng)前圖片類型,只判斷圖片二進(jìn)制數(shù)據(jù)的第一個(gè)字節(jié)

    + (NSString *)sd_contentTypeForImageData:(NSData *)data;

    07 內(nèi)部如何進(jìn)行緩存處理常挚?使用了NSCache類作谭,使用和NSDictionary類似

    08 沙盒緩存圖片的命名方式為對該圖片的URL進(jìn)行MD5加密  echo -n "url" |MD5

    09 當(dāng)接收到內(nèi)存警告之后,內(nèi)部會自動清理內(nèi)存緩存

    10 圖片的下載順序奄毡,默認(rèn)是先進(jìn)先出的

SDWebImage內(nèi)部結(jié)構(gòu)

86d686da-c947-41e3-b45e-240946802353.jpeg

SDWebImage的實(shí)現(xiàn)原理

SDWebImageManger是由一個(gè)SDWebImageDownloader(負(fù)責(zé)下載網(wǎng)絡(luò)圖片),SDImageCache(一個(gè)處理緩存的類)共同構(gòu)成的類
SDWebImage提供了如下三個(gè)category來進(jìn)行緩存折欠。MKAnnotationView + WebCache 地圖大頭針UIButton + WebCache 給按鈕設(shè)置圖片UIImageView + WebCache imageView的圖片

SDWebImage
這個(gè)類庫提供一個(gè)UIImageView
類別以支持加載來自網(wǎng)絡(luò)的遠(yuǎn)程圖片。具有緩存管理吼过、異步下載锐秦、同一個(gè)URL下載次數(shù)控制和優(yōu)化等特征。
SDWebImage 支持異步的圖片下載+緩存盗忱,提供了 UIImageView+WebCacha 的
category酱床,方便使用。

SDWebImage加載圖片的流程

1.入口方法
setImageWithURL :placeholderImage: options:
這個(gè)方法默認(rèn)情況下先顯示 placeholderImage 趟佃,同時(shí)由SDWebImageManager根據(jù) URL 來在本地查找圖片扇谣。
2.進(jìn)入方法
SDWebImageManager: downloadWithURL:delegate:options:userInfo:
SDWebImageManager是將UIImageView+WebCache同SDImageCache鏈接起來的類,圖片緩存是在內(nèi)存緩存一份,在磁盤緩存一份.
SDImageCache: queryDiskCacheForKey:delegate:userInfo:
用來(根據(jù)CacheKey)查找圖片是否已經(jīng)在內(nèi)存緩存中
3.如果內(nèi)存中已經(jīng)有圖片緩存闲昭,SDWebImageManager會回調(diào)
SDImageCacheDelegate : imageCache:didFindImage:forKey:userInfo:
4.而UIImageView+WebCache則回調(diào)
SDWebImageManagerDelegate: webImageManager:didFinishWithImage:前端來顯示圖片罐寨。
5.如果內(nèi)存中沒有圖片緩存,那么生成 NSInvocationOperation添加到隊(duì)列序矩,從硬盤查找圖片是否已被下載緩存鸯绿。
6.根據(jù)URLKey 在硬盤緩存目錄下嘗試讀取圖片文件。這一步是在 NSOperation 進(jìn)行的操作簸淀,所以回主線程進(jìn)行結(jié)果回調(diào) notifyDelegate:瓶蝴。7.如果上一操作從硬盤讀取到了圖片,將圖片添加到內(nèi)存緩存中(如果空閑內(nèi)存過小啃擦,會先清空內(nèi)存緩存)囊蓝。然后SDImageCacheDelegate回調(diào) 
imageCache:didFindImage:forKey:userInfo:。進(jìn)而回調(diào)展示圖片令蛉。
8.如果從硬盤緩存目錄沒有讀取到圖片,說明所有緩存都不存在該圖片,需要下載圖片狡恬,回調(diào) 
imageCache:didNotFindImageForKey:userInfo:珠叔。

9.共享或重新生成一個(gè)下載器 SDWebImageDownloader 開始下載圖片。圖片下載由NSURLConnection來做弟劲,實(shí)現(xiàn)相關(guān) delegate 來判斷圖片下載中祷安、下載完成和下載失敗。
10.connection:didReceiveData:中利用 ImageIO 做了按圖片下載進(jìn)度加載效果兔乞。connectionDidFinishLoading:數(shù)據(jù)下載完成后交給 SDWebImageDecoder 做圖片解碼處理汇鞭。11.圖片解碼處理在一個(gè) NSOperationQueue 完成凉唐,不會拖慢主線程 UI。如果有需要對下載的圖片進(jìn)行二次處理霍骄,最好也在這里完成台囱,效率會好很多。
12.在主線程 notifyDelegateOnMainThreadWithInfo:宣告解碼完成读整,imageDecoder:didFinishDecodingImage:userInfo:回調(diào)給 SDWebImageDownloader簿训。imageDownloader:didFinishWithImage: 回調(diào)給 SDWebImageManager告知圖片下載完成。
13.通知所有的 downloadDelegates 下載完成米间,回調(diào)給需要的地方展示圖片强品。
14.將圖片保存到 SDImageCache中,內(nèi)存緩存和磁盤緩存同時(shí)進(jìn)行保存屈糊。寫文件到磁盤在單獨(dú) NSInvocationOperation中完成的榛,避免拖慢主線程。
15.如果是在iOS上運(yùn)行逻锐,SDImageCache 在初始化的時(shí)候會注冊notification 到 UIApplicationDidReceiveMemoryWarningNotification以及UIApplicationWillTerminateNotification,在內(nèi)存警告的時(shí)候清理內(nèi)存圖片緩存夫晌,應(yīng)用結(jié)束的時(shí)候清理過期圖片。
16.SDWebImagePrefetcher可以預(yù)先下載圖片谦去,方便后續(xù)使用慷丽。

SDWebImage在清理圖片緩存時(shí)的原理

  • 使用SDWebImage設(shè)置cell圖片(網(wǎng)上下載)的注意點(diǎn)
  • 當(dāng)程序收到內(nèi)存警告的時(shí)候就會調(diào)用下面的方法
- (void)applicationDidReceiveMemoryWarning:(UIApplication *)application {
    /**
     *如果接收到內(nèi)存警告,那么應(yīng)該清空內(nèi)存緩存鳄哭,然后停止當(dāng)前所有的下載操作
        cleanDisk:清除已經(jīng)過期的圖片
        cleanDisk:刪除緩存目錄中所有的緩存圖片(內(nèi)部就是刪除了整個(gè)文件夾要糊,再重新創(chuàng)建一個(gè))
        SDWebImage默認(rèn)的緩存時(shí)間是多長:1星期
        SDWebImage是如何播放gif圖片的:取出gif中的每一幀圖片,重新生成新的可動畫的圖片
     */
    [[SDWebImageManager sharedManager].imageCache clearMemory];
    // 取消所有的下載
    [[SDWebImageManager sharedManager] cancelAll];
}

SDWebImage在cleanMemary(清除緩存)時(shí)的運(yùn)行原理

遍歷緩存目錄,刪除所有過期圖片

統(tǒng)計(jì)沒有過期的圖片的總大小

判斷沒有過期的圖片的總大小是否超過了最大的緩存大小

如果過期圖片超過緩存總大小就會繼續(xù)刪除沒有過期的圖片,從大到小的刪除

管理類的使用位置: - 這個(gè)庫最常用到的妆丘,是UIImageView的一個(gè)Category:UIImageView (WebCache)

這里面最常用的一個(gè)方法锄俄,就是根據(jù)URL,加載網(wǎng)絡(luò)的圖片勺拣。它的實(shí)現(xiàn)如下:
- (void)setImageWithURL:(NSURL *)url placeholderImage:(UIImage*)placeholder {
SDWebImageManager *manager = [SDWebImageManagersharedManager];
[manager cancelForDelegate:self]; 
self.image = placeholder; 
if (url){
[manager downloadWithURL:url delegate:self];
}
} 這個(gè)方法最大的好處就是奶赠,可以不需要改變UI的類,直接添加網(wǎng)絡(luò)下載功能药有。獨(dú)立的異步圖像下載可能會單獨(dú)用到異步圖片下載毅戈,則一定要用downloaderWithURL:delegate:來建立一個(gè)SDWebImageDownloader實(shí)例。downloader = [SDWebImageDownloader downloaderWithURL:url delegate:self];這樣SDWebImageDownloaderDelegate協(xié)議的方法 imageDownloader:didFinishWithImage:被調(diào)用時(shí)下載會立即開始并完成愤惰。 獨(dú)立的異步圖像緩存SDImageCache類提供一個(gè)創(chuàng)建空緩存的實(shí)例苇经,并用方法imageForKey:來尋找當(dāng)前緩存。UIImage *myCachedImage = [[SDImageCache sharedImageCache] imageFromKey:myCacheKey]; 存儲一個(gè)圖像到緩存是使用方法storeImage: forKey:[[SDImageCache sharedImageCache] storeImage:myImage forKey:myCacheKey];默認(rèn)情況下宦言,圖像將被存儲在內(nèi)存緩存和磁盤緩存中扇单。如果僅僅是想內(nèi)存緩存中,要使用storeImage:forKey:toDisk:方法的第三個(gè)參數(shù)帶一負(fù)值來替代

SDWebImage庫的作用:

通過對UIImageView的類別擴(kuò)展來實(shí)現(xiàn)異步加載替換圖片的工作奠旺。主要用到的對象:1蜘澜、UIImageView (WebCache)類別施流,入口封裝,實(shí)現(xiàn)讀取圖片完成后的回調(diào)2鄙信、SDWebImageManager瞪醋,對圖片進(jìn)行管理的中轉(zhuǎn)站,記錄那些圖片正在讀取扮碧。向下層讀取Cache(調(diào)用SDImageCache)趟章,或者向網(wǎng)絡(luò)讀取對象(調(diào)用SDWebImageDownloader)。實(shí)現(xiàn)SDImageCache和SDWebImageDownloader的回調(diào)慎王。3蚓土、SDImageCache,根據(jù)URL的MD5摘要對圖片進(jìn)行存儲和讀壤涤佟(實(shí)現(xiàn)存在內(nèi)存中或者存在硬盤上兩種實(shí)現(xiàn))實(shí)現(xiàn)圖片和內(nèi)存清理工作蜀漆。 4、SDWebImageDownloader咱旱,根據(jù)URL向網(wǎng)絡(luò)讀取數(shù)據(jù)(實(shí)現(xiàn)部分讀取和全部讀取后再通知回調(diào)兩種方式

SDImageCache是怎么做數(shù)據(jù)管理的?

SDImageCache分兩個(gè)部分确丢,一個(gè)是內(nèi)存層面的,一個(gè)是硬盤層面的吐限。
內(nèi)存層面的相當(dāng)是個(gè)緩存器鲜侥,以Key-Value的形式存儲圖片。當(dāng)內(nèi)存不夠的時(shí)候會清除所有緩存圖片诸典。用搜索文件系統(tǒng)的方式做管理描函,文件替換方式是以時(shí)間為單位,剔除時(shí)間大于一周的圖片文件狐粱。當(dāng)SDWebImageManager向SDImageCache要資源時(shí)舀寓,先搜索內(nèi)存層面的數(shù)據(jù),如果有直接返回肌蜻,沒有的話去訪問磁盤互墓,將圖片從磁盤讀取出來,然后做Decoder蒋搜,將圖片對象放到內(nèi)存層面做備份篡撵,再返回調(diào)用層
clearDisk (NSCache)清空磁盤緩存,將所有緩存目錄中的文件豆挽,全部刪除酸休! 實(shí)際工作,將緩存目錄直接刪除祷杈,再次創(chuàng)建一個(gè)同名空目錄!cleanDisk (接收到應(yīng)用程序?qū)⒁K止通知)清理磁盤緩存策略
cleanDisk執(zhí)行過程:
1.獲取磁盤路徑URL渗饮,根據(jù)路徑獲取資源(存入NSArray)
2.定義一個(gè)可變字典但汞,記錄所有緩存文件
3.定義一個(gè)可變數(shù)組宿刮,遍歷資源,將過期文件記錄到可變數(shù)組里邊私蕾,累加文件的總大小僵缺,然后遍歷過期文件數(shù)組刪除過期文件
4.如果剩余磁盤緩存空間超出最大限額,再次執(zhí)行清理操作踩叭,刪除最早的文件 循環(huán)依次刪除文件磕潮,直到低于期望的緩存限額,SDWebimage里邊的期望限額為最大限額的一半

SDWebImage是如何區(qū)分不同格式的圖像的(精確判斷文件類型):

import "NSData+ImageContentType.h"拿到文件的二進(jìn)制數(shù)據(jù)容贝,取出第一個(gè)字節(jié)和switch里的分支比較來判斷
PNG:壓縮比沒有JPG高自脯,但是無損壓縮,解壓縮性能高斤富,蘋果推薦的圖像格式膏潮!
JPG:壓縮比最高的一種圖片格式,有損壓縮满力!最多使用的場景焕参,照相機(jī)!解壓縮的性能不好油额!
GIF:序列楨動圖叠纷,特點(diǎn):只支持256種顏色!最流行的時(shí)候在1998~1999潦嘶,有專利的涩嚣!
SDWebImage緩存圖片的名稱是用URL的md5加密后生成的32位字符串作為文件名的
利用通知中心觀察,能夠保證緩存文件的大小始終在控制范圍之內(nèi)衬以!

  • UIApplicationDidReceiveMemoryWarningNotification 接收到內(nèi)存警告的通知
    執(zhí)行 clearMemory 方法缓艳,清理內(nèi)存緩存!
  • UIApplicationWillTerminateNotification 接收到應(yīng)用程序?qū)⒁K止通知
    執(zhí)行 cleanDisk 方法看峻,清理磁盤緩存阶淘!
  • UIApplicationDidEnterBackgroundNotification 接收到應(yīng)用程序進(jìn)入后臺通知
    執(zhí)行 backgroundCleanDisk 方法,后臺清理磁盤互妓!
    內(nèi)存緩存: 使用NSCahce對象實(shí)現(xiàn)溪窒,最大內(nèi)存緩存值以像素為單位
    磁盤緩存: 使用 NSFileManager 存儲在 Cache 目錄中,最大磁盤緩存是以字節(jié)為單位冯勉,最大磁盤緩存的時(shí)間默認(rèn)為1周
    下載操作的最大并發(fā)數(shù)默認(rèn)為6澈蚌,下載操作的超時(shí)時(shí)長最長默認(rèn)為15秒
    SDImageCache提供了大量方法來緩存、獲取灼狰、移除及清空圖片宛瞄。為了方便地在內(nèi)存或磁盤中對它進(jìn)行這些操作,
    我們需要為每個(gè)圖片設(shè)置一個(gè)key來索引它交胚。在內(nèi)存中將其作為NSCache的key值份汗,在磁盤中用這key的md5作為圖片的文件名盈电。
    在SDWebImage 中使用圖片的 url 最為 key (md5)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市杯活,隨后出現(xiàn)的幾起案子匆帚,更是在濱河造成了極大的恐慌,老刑警劉巖旁钧,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吸重,死亡現(xiàn)場離奇詭異又碌,居然都是意外死亡夺蛇,警方通過查閱死者的電腦和手機(jī)掷漱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進(jìn)店門立磁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來剖毯,“玉大人剂习,你說我怎么就攤上這事玫恳《咭觯” “怎么了焦影?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵车遂,是天一觀的道長。 經(jīng)常有香客問我斯辰,道長舶担,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任彬呻,我火速辦了婚禮衣陶,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘闸氮。我一直安慰自己剪况,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布蒲跨。 她就那樣靜靜地躺著译断,像睡著了一般。 火紅的嫁衣襯著肌膚如雪或悲。 梳的紋絲不亂的頭發(fā)上孙咪,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天,我揣著相機(jī)與錄音巡语,去河邊找鬼翎蹈。 笑死,一個(gè)胖子當(dāng)著我的面吹牛男公,可吹牛的內(nèi)容都是我干的荤堪。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼逞力!你這毒婦竟也來了曙寡?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤寇荧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后执隧,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體揩抡,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年镀琉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了峦嗤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,040評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡屋摔,死狀恐怖烁设,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情钓试,我是刑警寧澤装黑,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站弓熏,受9級特大地震影響恋谭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜挽鞠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一疚颊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧信认,春花似錦材义、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至橄教,卻和暖如春清寇,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背护蝶。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工华烟, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人持灰。 一個(gè)月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓盔夜,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子喂链,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容

  • SDWebImage底層實(shí)現(xiàn)有沙盒緩存機(jī)制返十,主要由三塊組成 內(nèi)存圖片緩存內(nèi)存操作緩存磁盤沙盒緩存 內(nèi)部實(shí)現(xiàn)過程: ...
    biyuhuaping閱讀 159評論 0 1
  • 一、庫的作用 1椭微、UIImageView (WebCache)類別洞坑,入口封裝,實(shí)現(xiàn)讀取圖片完成后的回調(diào)2蝇率、SDWe...
    面包與世界閱讀 311評論 0 0
  • 前不久做了一個(gè)生成快照的需求迟杂,其中用到 SDWebImage 來下載圖片,在使用該框架的過程中也遇到了一些問題本慕,索...
    ShannonChenCHN閱讀 14,074評論 12 241
  • 1.入口 setImageWithURL:placeholderImage:options: 會先把 placeh...
    一等到天幻閱讀 570評論 0 0
  • 實(shí)現(xiàn)創(chuàng)新的關(guān)鍵(無論是對于貝爾實(shí)驗(yàn)室還是整個(gè)數(shù)字時(shí)代來說)是認(rèn)識到培養(yǎng)天才個(gè)人和促進(jìn)團(tuán)隊(duì)協(xié)作之間是沒有沖突的排拷。這不...
    xingyunnn閱讀 211評論 0 0