SDWebImage 精簡分析

如果說要評一個iOS開發(fā)用的最多的第三方庫轻黑,那么SDWebImage十有八九會入選搅轿。
這個類庫提供一個 UIImageView類別 以支持加載來自網(wǎng)絡(luò)的遠(yuǎn)程圖片脊奋。具有緩存管理采郎、異步下載、同一個URL下載次數(shù)控制和優(yōu)化等特征狂魔。

接觸一個新的框架蒜埋,第一步是要學(xué)會怎么去用,接著才是看他是怎么實(shí)現(xiàn)的最楷。
在這篇文章中整份,我會帶大家一起來分析 SDWebImage 幫我們用什么方法做了那些事情,讓大家宏觀的理解這個框架籽孙,讓大家知道怎么去用這個框架烈评。

SDWebImage GitHub地址

導(dǎo)入框架

首先第一步肯定是導(dǎo)入框架,然后用的比較多的就是cocoapods了犯建,然后這塊就不在這里贅述了讲冠,網(wǎng)上很多文章去介紹這塊,只要在pods里面加入以下代碼适瓦,然后update竿开,就可以把最新的SDWebImage拉下來了。

pod 'SDWebImage'

SDWebImage加載圖片流程

  1. 入口這個方法 會先把 placeholderImage 顯示玻熙,然后 SDWebImageManager 根據(jù) URL 開始處理圖片否彩。
setImageWithURL:placeholderImage:options: 
  1. 進(jìn)入 SDWebImageManager 這個管理者的單例
//調(diào)用下載方法
downloadWithURL:delegate:options:userInfo:

該方法會傳遞到 SDImageCache 從緩存查找圖片是否已經(jīng)下載

//從緩存查找圖片是否已經(jīng)下載 
queryDiskCacheForKey:delegate:userInfo:
  1. 該方法會先從內(nèi)存圖片緩存查找是否有圖片,如果內(nèi)存中已經(jīng)有圖片緩存嗦随,SDImageCacheDelegate 會通過下面的方法回調(diào)到 SDWebImageManager列荔。
imageCache:didFindImage:forKey:userInfo:
  1. SDWebImageManagerDelegate 回調(diào)下面方法到 UIImageView+WebCache 等前端展示圖片。
 webImageManager:didFinishWithImage: 
  1. 如果內(nèi)存緩存中沒有枚尼,生成 NSInvocationOperation 添加到隊(duì)列開始從硬盤查找圖片是否已經(jīng)緩存贴浙。
  2. 根據(jù) URLKey 在硬盤緩存目錄下嘗試讀取圖片文件。這一步是在 NSOperation 進(jìn)行的操作署恍,所以回主線程進(jìn)行結(jié)果回調(diào) notifyDelegate:崎溃。
  3. 如果上一操作從硬盤讀取到了圖片,將圖片添加到內(nèi)存緩存中(如果空閑內(nèi)存過小锭汛,會先清空內(nèi)存緩存)笨奠。SDImageCacheDelegate 回調(diào)以下方法進(jìn)而回調(diào)展示圖片袭蝗。
 imageCache:didFindImage:forKey:userInfo:
  1. 如果從硬盤緩存目錄讀取不到圖片唤殴,說明所有緩存都不存在該圖片般婆,需要下載圖片,回調(diào)
imageCache:didNotFindImageForKey:userInfo:
  1. 共享或重新生成一個下載器 SDWebImageDownloader 開始下載圖片朵逝。
  2. 圖片下載由 NSURLConnection 來做蔚袍,實(shí)現(xiàn)相關(guān) delegate 來判斷圖片下載中、下載完成和下載失敗配名。
  3. 利用 ImageIO 做了按圖片下載進(jìn)度加載效果啤咽。
connection:didReceiveData:
  1. 數(shù)據(jù)下載完成后交給 SDWebImageDecoder 做圖片解碼處理。
connectionDidFinishLoading: 
  1. 圖片解碼處理在一個 NSOperationQueue 完成渠脉,不會拖慢主線程 UI宇整。如果有需要對下載的圖片進(jìn)行二次處理,最好也在這里完成芋膘,效率會好很多鳞青。
  2. 在主線程的以下方法通知解碼完成,
notifyDelegateOnMainThreadWithInfo: 

然后通過下面方法 回調(diào)給 SDWebImageDownloader为朋。

imageDecoder:didFinishDecodingImage:userInfo: 
  1. 回調(diào)給 SDWebImageManager 告知圖片下載完成臂拓。
 imageDownloader:didFinishWithImage:
  1. 通知所有的 downloadDelegates 下載完成,回調(diào)給需要的地方展示圖片习寸。
  2. 將圖片保存到 SDImageCache 中胶惰,內(nèi)存緩存和硬盤緩存同時(shí)保存。寫文件到硬盤也在以單獨(dú) NSInvocationOperation 完成霞溪,避免拖慢主線程孵滞。
  3. SDImageCache 在初始化的時(shí)候會注冊一些消息通知,在內(nèi)存警告或退到后臺的時(shí)候清理內(nèi)存圖片緩存鸯匹,應(yīng)用結(jié)束的時(shí)候清理過期圖片剃斧。
  4. SDWebImage 也提供了 UIButton+WebCacheMKAnnotationView+WebCache,方便使用忽你。
  5. SDWebImagePrefetcher 可以預(yù)先下載圖片幼东,方便后續(xù)使用。

SDWebImage庫的作用

通過對UIImageView的類別擴(kuò)展來實(shí)現(xiàn)異步加載替換圖片的工作科雳。

主要用到的對象:

  1. UIImageView (WebCache) 類別根蟹,入口封裝,
  • 實(shí)現(xiàn)讀取圖片完成后的回調(diào)
  1. SDWebImageManager糟秘,對圖片進(jìn)行管理的中轉(zhuǎn)站简逮,記錄那些圖片正在讀取。向下層讀取Cache(調(diào)用SDImageCache)尿赚,或者向網(wǎng)絡(luò)讀取對象(調(diào)用SDWebImageDownloader) 散庶。
  • 實(shí)現(xiàn)SDImageCacheSDWebImageDownloader的回調(diào)蕉堰。
  1. SDImageCache,根據(jù)URL的MD5摘要對圖片進(jìn)行存儲和讀缺辍(實(shí)現(xiàn)存在內(nèi)存中或者存在硬盤上兩種實(shí)現(xiàn))
  • 實(shí)現(xiàn)圖片和內(nèi)存清理工作屋讶。
  1. SDWebImageDownloader,根據(jù)URL向網(wǎng)絡(luò)讀取數(shù)據(jù)(實(shí)現(xiàn)部分讀取和全部讀取后再通知回調(diào)兩種方式)

其他類
SDWebImageDecoder须教,異步對圖像進(jìn)行了一次解壓??


Q&A

  1. SDImageCache是怎么做數(shù)據(jù)管理的?
    SDImageCache分兩個部分望迎,一個是內(nèi)存層面的病袄,一個是硬盤層面的桅锄。內(nèi)存層面的相當(dāng)是個緩存器洋只,以Key-Value的形式存儲圖片。當(dāng)內(nèi)存不夠的時(shí)候會清除所有緩存圖片贬养。用搜索文件系統(tǒng)的方式做管理挤土,文件替換方式是以時(shí)間為單位,剔除時(shí)間大于一周的圖片文件误算。當(dāng)SDWebImageManagerSDImageCache要資源時(shí)仰美,先搜索內(nèi)存層面的數(shù)據(jù),如果有直接返回尉桩,沒有的話去訪問磁盤筒占,將圖片從磁盤讀取出來,然后做Decoder蜘犁,將圖片對象放到內(nèi)存層面做備份翰苫,再返回調(diào)用層。

  2. 為啥必須做Decoder?
    由于UIImageimageWithData函數(shù)是每次畫圖的時(shí)候才將Data解壓成ARGB的圖像这橙,所以在每次畫圖的時(shí)候奏窑,會有一個解壓操作,這樣效率很低屈扎,但是只有瞬時(shí)的內(nèi)存需求埃唯。為了提高效率通過SDWebImageDecoder將包裝在Data下的資源解壓,然后畫在另外一張圖片上鹰晨,這樣這張新圖片就不再需要重復(fù)解壓了墨叛。
    這種做法是典型的空間換時(shí)間的做法。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末模蜡,一起剝皮案震驚了整個濱河市漠趁,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌忍疾,老刑警劉巖闯传,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異卤妒,居然都是意外死亡甥绿,警方通過查閱死者的電腦和手機(jī)字币,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來共缕,“玉大人洗出,你說我怎么就攤上這事〗竞簦” “怎么了共苛?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵判没,是天一觀的道長蜓萄。 經(jīng)常有香客問我,道長澄峰,這世上最難降的妖魔是什么嫉沽? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮俏竞,結(jié)果婚禮上绸硕,老公的妹妹穿的比我還像新娘。我一直安慰自己魂毁,他們只是感情好玻佩,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著席楚,像睡著了一般咬崔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上烦秩,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天垮斯,我揣著相機(jī)與錄音,去河邊找鬼只祠。 笑死兜蠕,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的抛寝。 我是一名探鬼主播熊杨,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼盗舰!你這毒婦竟也來了晶府?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤岭皂,失蹤者是張志新(化名)和其女友劉穎郊霎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體爷绘,經(jīng)...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡书劝,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年进倍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片购对。...
    茶點(diǎn)故事閱讀 37,997評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡猾昆,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出骡苞,到底是詐尸還是另有隱情垂蜗,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布解幽,位于F島的核電站贴见,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏躲株。R本人自食惡果不足惜片部,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望霜定。 院中可真熱鬧档悠,春花似錦、人聲如沸望浩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽磨德。三九已至缘回,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間剖张,已是汗流浹背切诀。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留搔弄,地道東北人幅虑。 一個月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓,卻偏偏與公主長得像顾犹,于是被迫代替她去往敵國和親倒庵。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評論 2 345

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