本章開始將介紹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ù)信息中找出圖片的轉向,進行繪制上枕。這個屬性時為了防止進行剪切或者縮放后圖片顛倒或者旋轉的問題咐熙,保持原圖片的轉向。