SDWebImage使用詳解

這個(gè)類庫(kù)提供一個(gè)UIImageView類別以支持加載來(lái)自網(wǎng)絡(luò)的遠(yuǎn)程圖片。具有緩存管理、異步下載、同一個(gè)URL下載次數(shù)控制和優(yōu)化等特征。

使用示范的代碼:

UITableView使用UIImageView+WebCache類(基本應(yīng)用罢浇,UIImageView的一個(gè)category)

前提#import導(dǎo)入U(xiǎn)IImageView+WebCache.h文件,然后在tableview的cellForRowAtIndexPath:方法下:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)
indexPath {

static NSString *MyIdentifier = @"MyIdentifier";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MyIdentifier];

if (cell == nil) {

cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:MyIdentifier] autorelease];

}

[cell.imageView setImageWithURL:[NSURL URLWithString:@"http://www.domain.com/path/to/image.jpg"]

placeholderImage:[UIImage imageNamed:@"placeholder.png"];

cell.textLabel.text = @"My Text";

return cell;

}

基本代碼:

[imageView setImageWithURL:[NSURL URLWithString:@"http://www.domain.com/path/image.jpg"];

使用SDWebImageManager類:可以進(jìn)行一些異步加載的工作沐祷。

SDWebImageManager *manager = [SDWebImageManager sharedManager];

將需要緩存的圖片加載進(jìn)來(lái)

UIImage *cachedImage = [manager imageWithURL:url]; 
if (cachedImage) {

// 如果Cache命中嚷闭,則直接利用緩存的圖片進(jìn)行有關(guān)操作

// Use the cached image immediatly

} else {

// 如果Cache沒(méi)有命中,則去下載指定網(wǎng)絡(luò)位置的圖片戈轿,并且給出一個(gè)委托方法

// Start an async download

[manager downloadWithURL:url delegate:self];

}

當(dāng)然你的類要實(shí)現(xiàn)SDWebImageManagerDelegate協(xié)議凌受,并且要實(shí)現(xiàn)協(xié)議的webImageManager:didFinishWithImage:方法。

當(dāng)下載完成后思杯,調(diào)用回調(diào)方法胜蛉,使下載的圖片顯示

- (void)webImageManager:(SDWebImageManager *)imageManager didFinishWithImage:(UIImage *)image {

// Do something with the downloaded image

}

獨(dú)立的異步圖像下載可能會(huì)單獨(dú)用到異步圖片下載,則一定要用downloaderWithURL:delegate:來(lái)建立一個(gè)SDWebImageDownloader實(shí)例色乾。

downloader = [SDWebImageDownloader downloaderWithURL:url delegate:self];

這樣 SDWebImageDownloaderDelegate協(xié)議的方法imageDownloader:didFinishWithImage:被調(diào)用時(shí)下載會(huì)立即開始并完成誊册。

獨(dú)立的異步圖像緩存

SDImageCache類提供一個(gè)創(chuàng)建空緩存的實(shí)例,并用方法imageForKey:來(lái)尋找當(dāng)前緩存暖璧。

UIImage *myCachedImage = [SDImageCache sharedImageCache] imageFromKey:myCacheKey];

存儲(chǔ)一個(gè)圖像到緩存是使用方法storeImage: forKey:

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

默認(rèn)情況下案怯,圖像將被存儲(chǔ)在內(nèi)存緩存和磁盤緩存中。如果僅僅是想內(nèi)存緩存中澎办,要使用storeImage:forKey:toDisk:方法的第三個(gè)參數(shù)帶一負(fù)值來(lái)替代嘲碱。

SDWebImage 支持異步的圖片下載+緩存,提供了 UIImageView+WebCacha 的 category局蚀,方便使用麦锯。紀(jì)錄一下 SDWebImage 加載圖片的流程。

入口 setImageWithURL:placeholderImage:options: 會(huì)先把 placeholderImage 顯示琅绅,然后 SDWebImageManager 根據(jù) URL 開始處理圖片扶欣。

進(jìn)入 SDWebImageManager-downloadWithURL:delegate:options:userInfo:,交給 SDImageCache 從緩存查找圖片是否已經(jīng)下載 queryDiskCacheForKey:delegate:userInfo:.

先從內(nèi)存圖片緩存查找是否有圖片千扶,如果內(nèi)存中已經(jīng)有圖片緩存料祠,SDImageCacheDelegate 回調(diào) imageCache:didFindImage:forKey:userInfo: 到 SDWebImageManager。

SDWebImageManagerDelegate 回調(diào) webImageManager:didFinishWithImage: 到 UIImageView+WebCache 等前端展示圖片澎羞。如果內(nèi)存緩存中沒(méi)有髓绽,生成 NSInvocationOperation 添加到隊(duì)列開始從硬盤查找圖片是否已經(jīng)緩存。

根據(jù) URLKey 在硬盤緩存目錄下嘗試讀取圖片文件妆绞。這一步是在 NSOperation 進(jìn)行的操作顺呕,所以回主線程進(jìn)行結(jié)果回調(diào) notifyDelegate:接谨。

如果上一操作從硬盤讀取到了圖片,將圖片添加到內(nèi)存緩存中(如果空閑內(nèi)存過(guò)小塘匣,會(huì)先清空內(nèi)存緩存)。SDImageCacheDelegate 回調(diào) imageCache:didFindImage:forKey:userInfo:巷帝。進(jìn)而回調(diào)展示圖片忌卤。

如果從硬盤緩存目錄讀取不到圖片,說(shuō)明所有緩存都不存在該圖片楞泼,需要下載圖片驰徊,回調(diào) imageCache:didNotFindImageForKey:userInfo:。

共享或重新生成一個(gè)下載器 SDWebImageDownloader 開始下載圖片堕阔。

圖片下載由 NSURLConnection 來(lái)做棍厂,實(shí)現(xiàn)相關(guān) delegate 來(lái)判斷圖片下載中、下載完成和下載失敗超陆。

connection:didReceiveData: 中利用 ImageIO 做了按圖片下載進(jìn)度加載效果牺弹。

connectionDidFinishLoading: 數(shù)據(jù)下載完成后交給 SDWebImageDecoder 做圖片解碼處理。

圖片解碼處理在一個(gè) NSOperationQueue 完成时呀,不會(huì)拖慢主線程 UI张漂。如果有需要對(duì)下載的圖片進(jìn)行二次處理,最好也在這里完成谨娜,效率會(huì)好很多航攒。

在主線程 notifyDelegateOnMainThreadWithInfo: 宣告解碼完成,

imageDecoder:didFinishDecodingImage:userInfo: 回調(diào)給 SDWebImageDownloader趴梢。

imageDownloader:didFinishWithImage: 回調(diào)給 SDWebImageManager 告知圖片下載完成漠畜。

通知所有的 downloadDelegates 下載完成,回調(diào)給需要的地方展示圖片坞靶。

將圖片保存到 SDImageCache 中憔狞,內(nèi)存緩存和硬盤緩存同時(shí)保存。寫文件到硬盤也在以單獨(dú) NSInvocationOperation 完成滩愁,避免拖慢主線程躯喇。

SDImageCache 在初始化的時(shí)候會(huì)注冊(cè)一些消息通知,在內(nèi)存警告或退到后臺(tái)的時(shí)候清理內(nèi)存圖片緩存硝枉,應(yīng)用結(jié)束的時(shí)候清理過(guò)期圖片廉丽。

SDWI 也提供了 UIButton+WebCache 和 MKAnnotationView+WebCache,方便使用妻味。

SDWebImagePrefetcher 可以預(yù)先下載圖片正压,方便后續(xù)使用。

SDWebImage庫(kù)的作用:
通過(guò)對(duì)UIImageView的類別擴(kuò)展來(lái)實(shí)現(xiàn)異步加載替換圖片的工作责球。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末焦履,一起剝皮案震驚了整個(gè)濱河市拓劝,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌嘉裤,老刑警劉巖郑临,帶你破解...
    沈念sama閱讀 216,324評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異屑宠,居然都是意外死亡厢洞,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門典奉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)躺翻,“玉大人,你說(shuō)我怎么就攤上這事卫玖」悖” “怎么了?”我有些...
    開封第一講書人閱讀 162,328評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵假瞬,是天一觀的道長(zhǎng)陕靠。 經(jīng)常有香客問(wèn)我,道長(zhǎng)脱茉,這世上最難降的妖魔是什么懦傍? 我笑而不...
    開封第一講書人閱讀 58,147評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮芦劣,結(jié)果婚禮上粗俱,老公的妹妹穿的比我還像新娘。我一直安慰自己虚吟,他們只是感情好寸认,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著串慰,像睡著了一般偏塞。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上邦鲫,一...
    開封第一講書人閱讀 51,115評(píng)論 1 296
  • 那天灸叼,我揣著相機(jī)與錄音,去河邊找鬼庆捺。 笑死古今,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的滔以。 我是一名探鬼主播捉腥,決...
    沈念sama閱讀 40,025評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼你画!你這毒婦竟也來(lái)了抵碟?” 一聲冷哼從身側(cè)響起桃漾,我...
    開封第一講書人閱讀 38,867評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎拟逮,沒(méi)想到半個(gè)月后撬统,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,307評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡敦迄,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評(píng)論 2 332
  • 正文 我和宋清朗相戀三年宪摧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片颅崩。...
    茶點(diǎn)故事閱讀 39,688評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蕊苗,靈堂內(nèi)的尸體忽然破棺而出沿后,到底是詐尸還是另有隱情,我是刑警寧澤朽砰,帶...
    沈念sama閱讀 35,409評(píng)論 5 343
  • 正文 年R本政府宣布尖滚,位于F島的核電站,受9級(jí)特大地震影響瞧柔,放射性物質(zhì)發(fā)生泄漏漆弄。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評(píng)論 3 325
  • 文/蒙蒙 一造锅、第九天 我趴在偏房一處隱蔽的房頂上張望撼唾。 院中可真熱鬧,春花似錦哥蔚、人聲如沸倒谷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)渤愁。三九已至,卻和暖如春深夯,著一層夾襖步出監(jiān)牢的瞬間抖格,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工咕晋, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留雹拄,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,685評(píng)論 2 368
  • 正文 我出身青樓掌呜,卻偏偏與公主長(zhǎng)得像办桨,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子站辉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評(píng)論 2 353

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

  • 這個(gè)類庫(kù)提供一個(gè)UIImageView類別以支持加載來(lái)自網(wǎng)絡(luò)的遠(yuǎn)程圖片呢撞。具有緩存管理损姜、異步下載、同一個(gè)URL下載次...
    devning閱讀 2,241評(píng)論 0 0
  • 項(xiàng)目中一直都有使用SDWebImage殊霞,對(duì)這個(gè)框架有一定的了解摧阅,但是體系卻未能貫通,因此特地整理下,主要參考: i...
    林大鵬閱讀 1,464評(píng)論 2 13
  • SDWebImage托管在github上绷蹲。https://github.com/rs/SDWebImage 這個(gè)類...
    XLsn0w閱讀 710評(píng)論 0 0
  • 這個(gè)類庫(kù)提供一個(gè)UIImageView類別以支持加載來(lái)自網(wǎng)絡(luò)的遠(yuǎn)程圖片棒卷。具有緩存管理、異步下載祝钢、同一個(gè)URL下載次...
    是小嚕嚕啦閱讀 268評(píng)論 0 1
  • 飛機(jī)的出現(xiàn)拦英,讓旅途變得尤為方便快捷輕松蜒什,但在這個(gè)各項(xiàng)恐懼癥泛濫的時(shí)代,許多小伙伴的內(nèi)心OS是這樣的:自打坐飛機(jī)以來(lái)...
    SmartNews閱讀 1,124評(píng)論 0 0