SDWebImage 源碼解讀之工具類

本章開始將介紹SDWebImage庫在原有類的基礎上增加的拓展方法來完善圖片下載功能逊移,涉及的類有NSData+ImageContentType,UIImage+MultiFormat,UIImage+GIF。首先解釋一下涉及到的一些基本概念和方法:

?什么是文件頭

文件頭是指位于文件數(shù)據(jù)流開頭的一段承擔一定任務的數(shù)據(jù),一般都在開頭的部分。文件有很多類型蟹瘾,所以這時候我們就需要利用文件頭攜帶的信息去進行判斷。

例如掠手,用十六進制編輯器查看一張gif格式的圖片的文件頭如下(部分數(shù)據(jù)):

<47494638 39619001 2c01f672 007b4f27 866952a6 8839a58e 55b59d7d cbb439c3 af49e8dc 1ee9de2d faec1feb e026ece1...965a6ec9 65975e7e 09669862 8e496699 66d21408 003b>

47494638即為gif圖片格式的文件頭標識憾朴。

?如何根據(jù)文件頭判斷圖片格式

圖片格式 ? ? ? ? ??文件頭

JPEG (jpg) ? ? ?FFD8FFE1

PNG (png) ? ? ?89504E47

GIF (gif) ? ? ? ? ?47494638

TIFF(tiff) ? ?49492A00或4D4D002A

WebP ? ? ? ? ? ? ?524946462A73010057454250

重點來解釋一下webp這種特殊格式,它是由12個字節(jié)組成的文件頭喷鸽,把這些字節(jié)通過ASCII編碼众雷,我們會得到如下內容:

?Image I/O 基礎

Image I/O framework提供不透明數(shù)據(jù)類型(opaque data types),從CGImageSourceRef獲取圖片數(shù)據(jù),將圖片數(shù)據(jù)寫入到CGImageDestinationRef砾省。它提供一個范圍很廣的圖片格式鸡岗,包含web格式愁铺,動態(tài)圖妥曲,原始相機數(shù)據(jù)邦投。是MAC平臺最快速圖片編碼和解碼操作吱型,能夠加載多張圖片的功能,支持圖片元數(shù)據(jù)耸别,并且能有效的緩存圖片數(shù)據(jù)幔摸。

一個Image Sources抽象出來了圖片數(shù)據(jù)拒迅,它不止包含一個圖像碰煌,縮略圖舒岸,還有各個圖像的特征和圖片文件。這些都是通過CGImageSource實現(xiàn)芦圾。當從Image Sources中創(chuàng)建圖片時,可以提供一個index和dictionary(利用鍵值對)來創(chuàng)建一個縮略圖或者是允許緩存俄认。在創(chuàng)建圖片的時候个少,也需提供一個index值來索引圖片,因為Image Sources中可能是多張圖片眯杏,如果參數(shù)時0夜焦,那么只有一個圖片∑穹罚可以通過CGImageSourceGetCount來獲得圖片在Image Sources中的數(shù)量茫经。

當圖片從網(wǎng)絡中獲取的時候,可能由于過大萎津,數(shù)據(jù)緩慢卸伞,這時候就需要漸進式加載圖片來顯示。主要通過CFData對象來實現(xiàn):

1.創(chuàng)建一個CFData去添加image data.

2.創(chuàng)建一個漸進式圖片資源锉屈,通過 CGImageSourceCreateIncremental

3.獲取圖片數(shù)據(jù)到CFData中

4.調用CGImageSourceUpdateData函數(shù)荤傲,傳遞CFData和一個bool值,去描述這個數(shù)據(jù)是否包含全部圖片數(shù)據(jù)或者只是部分數(shù)據(jù)颈渊。無論什么情況遂黍,這個data包含已經積累的全部圖片文件。

如果已經有足夠的圖片數(shù)據(jù)俊嗽,可以通過函數(shù)繪制CGImageSourceCreateImageAtIndex部分圖片雾家,然后記得要Release掉它。檢查是否已經有全部的圖片數(shù)據(jù)通過使用CGImageSourceGetStatusAtIndex函數(shù)绍豁。如果圖片是完整的芯咧,函數(shù)返回值為kCGImageStatusComplete。否則繼續(xù)3,4步驟唬党,直到獲得全部數(shù)據(jù)鹃共。Release掉漸進式增長的image source。

一.SDWebImage 源碼解讀之NSData+ImageContentType

先貼下源碼:

現(xiàn)在來看源碼的話驶拱,就簡單易懂了霜浴。

1.獲取二進制數(shù)據(jù)開頭一個字節(jié)長度的數(shù)據(jù)(只需比對文件頭的第一個字節(jié)數(shù)據(jù)即可)

[data?getBytes:&c length:1];

2.根據(jù)文件頭判斷圖片格式

如果第一個字節(jié)為FF,就可以判斷該文件是一張格式為jpeg的圖片,依此論推蓝纲。

3.針對webp這種特殊格式阴孟,先判斷data的字節(jié)長度是否> 12,如果不大于12,說明不是webp格式税迷;

如果> 12永丝,進而將十六進制轉為文本字符串,如果該字符串開頭是RIFF箭养,并且結尾是WEBP慕嚷,就判定該文件類型為webp格式的圖片。

總結:從該類來看毕泌,SDWebImage判斷圖片的類型的方法還是比較容易理解喝检,主要考察的是對數(shù)據(jù)流的文件頭知識的了解,對于我來說撼泛,之前這塊沒有進行資料了解的情況下會有點看不懂挠说,理解之后就能夠理解這樣做的原因。

二.SDWebImage 源碼解讀之UIImage+GIF

該類中拓展了三個方法愿题,都是針對gif格式圖片的加載做完善损俭。

+ (UIImage *)sd_animatedGIFNamed:(NSString *)name;//根據(jù)名字獲取本地的gif圖片(該方法比較簡單,自行查看即可潘酗,下面不進行涉及)

+ (UIImage *)sd_animatedGIFWithData:(NSData *)data;//根據(jù)圖片二進制數(shù)據(jù)獲取圖片對象

- (UIImage *)sd_animatedImageByScalingAndCroppingToSize:(CGSize)size;//根據(jù)給定的大小縮放gif圖片

現(xiàn)在先來看看關鍵方法的代碼杆兵,上面三個方法都是基于此方法進行的:

該方法是通過Image I/O framework提供的一些API接口去獲取gif圖片中指定幀的圖片基本數(shù)據(jù),從這些數(shù)據(jù)中返回當前幀圖片的動畫時間崎脉。CGImageSource是一個負責讀取圖片數(shù)據(jù)的類拧咳,外部接口通過Image I/O framework提供的一些API接口可以將圖片的數(shù)據(jù)轉化成CGImageSource。CGImageSourceCopyPropertiesAtIndex(source, index, nil)方法是獲取gif圖片數(shù)據(jù)中指定幀的圖片數(shù)據(jù)的API接口囚灼,該接口會返回一個CFDictionaryRef類型的圖片數(shù)據(jù)骆膝,通過(__bridge NSDictionary *)的方法就能轉化成我們熟悉的NSDictionary類型。在該代碼段中灶体,獲取到幀圖片的gifProperties屬性數(shù)據(jù)之后阅签,根據(jù)kCGImagePropertyGIFUnclampedDelayTime和kCGImagePropertyGIFDelayTime去獲取幀圖片的動畫時間,之后對這個動畫時間做一個最小值的處理蝎抽,默認都為0.1s政钟。

現(xiàn)在講講第二個方法路克,根據(jù)圖片二進制數(shù)據(jù)獲取圖片對象:

在該方法中,使用CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL)方法养交,將圖片的二進制數(shù)據(jù)轉化成CGImageSourceRef source 類型精算,這樣便可以使用Image I/O framework提供的一些API接口,CGImageSourceGetCount(source)該方法是用于獲取圖片中的幀數(shù)碎连,如果幀數(shù)小于等于1灰羽,則直接將圖片數(shù)據(jù)進行轉化成UIImage類型不進行操作,如果大于1之后鱼辙,會對gif圖片中所有的幀圖片進行遍歷廉嚼,保存到圖片數(shù)組images中,并統(tǒng)計所有幀動畫的總時長倒戏,如果最后的總時長為0的情況下就設置默認每幀0.1s的總時長怠噪,之后利用UIImage的[UIImage animatedImageWithImages:images duration:duration]方法,將所有的幀動畫重新組合成一個UIImage對象杜跷。下面講講第三個方法:

上邊的方法能夠實現(xiàn)把圖片的尺寸修剪為size傍念,剪裁的前提是根據(jù)給出的大小與原圖片的寬跟高進行對比,求出寬比葛闷,高比中的最大值捂寿,然后計算出最大比之后的圖片大小,也就是scaledSize的值孵运,同時計算出對應的裁剪開始位置thumbnailPoint,利用UIGraphicsBeginImageContextWithOptions(size, NO, 0.0);方法按比例對每一幀的圖片進行繪制蔓彩。

三.SDWebImage 源碼解讀之UIImage+MultiFormat

該類中拓展了一個方法治笨,+ (UIImage *)sd_imageWithData:(NSData *)data;,該方法的作用是用來將圖片的二進制數(shù)據(jù)轉化成iOS中能夠直接使用的UIImage對象赤嚼,支持多種圖片格式進行轉化旷赖,比UIImage+GIF.h類具有更好的拓展性。先看看該功能的實現(xiàn)思路更卒。

該方法通過調用NSData+ImageContentType.h類中的sd_contentTypeForImageData方法去獲取圖片的類型等孵,如果是gif類型的圖片就是用UIImage+GIF.h中的+ (UIImage *)sd_animatedGIFWithData:(NSData *)data方法將二進制數(shù)據(jù)轉化成圖片。如果是webo格式的圖片會調用sd_imageWithWebPData進行轉化(該方法在SDWebImage庫中并沒有找到對應實現(xiàn)不知道作者是在哪里進行了實現(xiàn)操作)蹂空,其他類型的則會使用+ (UIImage *)imageWithCGImage:(CGImageRef)cgImage scale:(CGFloat)scale orientation:(UIImageOrientation)orientation;方法進行轉化俯萌,下面的那個方法是利用Image I/O framework庫中提供的API方法在獲取到的圖片數(shù)據(jù)信息中找出圖片的轉向,進行繪制上枕。這個屬性時為了防止進行剪切或者縮放后圖片顛倒或者旋轉的問題咐熙,保持原圖片的轉向。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末辨萍,一起剝皮案震驚了整個濱河市棋恼,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖爪飘,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件义起,死亡現(xiàn)場離奇詭異,居然都是意外死亡师崎,警方通過查閱死者的電腦和手機默终,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來抡诞,“玉大人穷蛹,你說我怎么就攤上這事≈绾梗” “怎么了肴熏?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長顷窒。 經常有香客問我蛙吏,道長,這世上最難降的妖魔是什么鞋吉? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任鸦做,我火速辦了婚禮,結果婚禮上谓着,老公的妹妹穿的比我還像新娘泼诱。我一直安慰自己,他們只是感情好赊锚,可當我...
    茶點故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布治筒。 她就那樣靜靜地躺著,像睡著了一般舷蒲。 火紅的嫁衣襯著肌膚如雪耸袜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天牲平,我揣著相機與錄音堤框,去河邊找鬼。 笑死纵柿,一個胖子當著我的面吹牛蜈抓,可吹牛的內容都是我干的。 我是一名探鬼主播藐窄,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼资昧,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了荆忍?” 一聲冷哼從身側響起格带,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤撤缴,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后叽唱,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體屈呕,經...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年棺亭,在試婚紗的時候發(fā)現(xiàn)自己被綠了虎眨。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,488評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡镶摘,死狀恐怖嗽桩,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情凄敢,我是刑警寧澤碌冶,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站涝缝,受9級特大地震影響扑庞,放射性物質發(fā)生泄漏。R本人自食惡果不足惜拒逮,卻給世界環(huán)境...
    茶點故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一罐氨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧滩援,春花似錦栅隐、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至佣赖,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間记盒,已是汗流浹背憎蛤。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留纪吮,地道東北人俩檬。 一個月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像碾盟,于是被迫代替她去往敵國和親棚辽。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,500評論 2 359

推薦閱讀更多精彩內容