本章開始將介紹SDWebImage庫在原有類的基礎上增加的拓展方法來完善圖片下載功能,涉及的類有NSData+ImageContentType,UIImage+MultiFormat,UIImage+GIF。首先解釋一下涉及到的一些基本概念和方法:
?什么是文件頭
文件頭是指位于文件數據流開頭的一段承擔一定任務的數據,一般都在開頭的部分。文件有很多類型,所以這時候我們就需要利用文件頭攜帶的信息去進行判斷。
例如,用十六進制編輯器查看一張gif格式的圖片的文件頭如下(部分數據):
<47494638 39619001 2c01f672 007b4f27 866952a6 8839a58e 55b59d7d cbb439c3 af49e8dc 1ee9de2d faec1feb e026ece1...965a6ec9 65975e7e 09669862 8e496699 66d21408 003b>
47494638即為gif圖片格式的文件頭標識。
?如何根據文件頭判斷圖片格式
圖片格式 ? ? ? ? ??文件頭
JPEG (jpg) ? ? ?FFD8FFE1
PNG (png) ? ? ?89504E47
GIF (gif) ? ? ? ? ?47494638
TIFF(tiff) ? ?49492A00或4D4D002A
WebP ? ? ? ? ? ? ?524946462A73010057454250
重點來解釋一下webp這種特殊格式,它是由12個字節組成的文件頭,把這些字節通過ASCII編碼,我們會得到如下內容:
?Image I/O 基礎
Image I/O framework提供不透明數據類型(opaque data types),從CGImageSourceRef獲取圖片數據,將圖片數據寫入到CGImageDestinationRef。它提供一個范圍很廣的圖片格式,包含web格式,動態圖,原始相機數據。是MAC平臺最快速圖片編碼和解碼操作,能夠加載多張圖片的功能,支持圖片元數據,并且能有效的緩存圖片數據。
一個Image Sources抽象出來了圖片數據,它不止包含一個圖像,縮略圖,還有各個圖像的特征和圖片文件。這些都是通過CGImageSource實現。當從Image Sources中創建圖片時,可以提供一個index和dictionary(利用鍵值對)來創建一個縮略圖或者是允許緩存。在創建圖片的時候,也需提供一個index值來索引圖片,因為Image Sources中可能是多張圖片,如果參數時0,那么只有一個圖片。可以通過CGImageSourceGetCount來獲得圖片在Image Sources中的數量。
當圖片從網絡中獲取的時候,可能由于過大,數據緩慢,這時候就需要漸進式加載圖片來顯示。主要通過CFData對象來實現:
1.創建一個CFData去添加image data.
2.創建一個漸進式圖片資源,通過 CGImageSourceCreateIncremental
3.獲取圖片數據到CFData中
4.調用CGImageSourceUpdateData函數,傳遞CFData和一個bool值,去描述這個數據是否包含全部圖片數據或者只是部分數據。無論什么情況,這個data包含已經積累的全部圖片文件。
如果已經有足夠的圖片數據,可以通過函數繪制CGImageSourceCreateImageAtIndex部分圖片,然后記得要Release掉它。檢查是否已經有全部的圖片數據通過使用CGImageSourceGetStatusAtIndex函數。如果圖片是完整的,函數返回值為kCGImageStatusComplete。否則繼續3,4步驟,直到獲得全部數據。Release掉漸進式增長的image source。
一.SDWebImage 源碼解讀之NSData+ImageContentType
先貼下源碼:
現在來看源碼的話,就簡單易懂了。
1.獲取二進制數據開頭一個字節長度的數據(只需比對文件頭的第一個字節數據即可)
[data?getBytes:&c length:1];
2.根據文件頭判斷圖片格式
如果第一個字節為FF,就可以判斷該文件是一張格式為jpeg的圖片,依此論推。
3.針對webp這種特殊格式,先判斷data的字節長度是否> 12,如果不大于12,說明不是webp格式;
如果> 12,進而將十六進制轉為文本字符串,如果該字符串開頭是RIFF,并且結尾是WEBP,就判定該文件類型為webp格式的圖片。
總結:從該類來看,SDWebImage判斷圖片的類型的方法還是比較容易理解,主要考察的是對數據流的文件頭知識的了解,對于我來說,之前這塊沒有進行資料了解的情況下會有點看不懂,理解之后就能夠理解這樣做的原因。
二.SDWebImage 源碼解讀之UIImage+GIF
該類中拓展了三個方法,都是針對gif格式圖片的加載做完善。
+ (UIImage *)sd_animatedGIFNamed:(NSString *)name;//根據名字獲取本地的gif圖片(該方法比較簡單,自行查看即可,下面不進行涉及)
+ (UIImage *)sd_animatedGIFWithData:(NSData *)data;//根據圖片二進制數據獲取圖片對象
- (UIImage *)sd_animatedImageByScalingAndCroppingToSize:(CGSize)size;//根據給定的大小縮放gif圖片
現在先來看看關鍵方法的代碼,上面三個方法都是基于此方法進行的:
該方法是通過Image I/O framework提供的一些API接口去獲取gif圖片中指定幀的圖片基本數據,從這些數據中返回當前幀圖片的動畫時間。CGImageSource是一個負責讀取圖片數據的類,外部接口通過Image I/O framework提供的一些API接口可以將圖片的數據轉化成CGImageSource。CGImageSourceCopyPropertiesAtIndex(source, index, nil)方法是獲取gif圖片數據中指定幀的圖片數據的API接口,該接口會返回一個CFDictionaryRef類型的圖片數據,通過(__bridge NSDictionary *)的方法就能轉化成我們熟悉的NSDictionary類型。在該代碼段中,獲取到幀圖片的gifProperties屬性數據之后,根據kCGImagePropertyGIFUnclampedDelayTime和kCGImagePropertyGIFDelayTime去獲取幀圖片的動畫時間,之后對這個動畫時間做一個最小值的處理,默認都為0.1s。
現在講講第二個方法,根據圖片二進制數據獲取圖片對象:
在該方法中,使用CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL)方法,將圖片的二進制數據轉化成CGImageSourceRef source 類型,這樣便可以使用Image I/O framework提供的一些API接口,CGImageSourceGetCount(source)該方法是用于獲取圖片中的幀數,如果幀數小于等于1,則直接將圖片數據進行轉化成UIImage類型不進行操作,如果大于1之后,會對gif圖片中所有的幀圖片進行遍歷,保存到圖片數組images中,并統計所有幀動畫的總時長,如果最后的總時長為0的情況下就設置默認每幀0.1s的總時長,之后利用UIImage的[UIImage animatedImageWithImages:images duration:duration]方法,將所有的幀動畫重新組合成一個UIImage對象。下面講講第三個方法:
上邊的方法能夠實現把圖片的尺寸修剪為size,剪裁的前提是根據給出的大小與原圖片的寬跟高進行對比,求出寬比,高比中的最大值,然后計算出最大比之后的圖片大小,也就是scaledSize的值,同時計算出對應的裁剪開始位置thumbnailPoint,利用UIGraphicsBeginImageContextWithOptions(size, NO, 0.0);方法按比例對每一幀的圖片進行繪制。
三.SDWebImage 源碼解讀之UIImage+MultiFormat
該類中拓展了一個方法,+ (UIImage *)sd_imageWithData:(NSData *)data;,該方法的作用是用來將圖片的二進制數據轉化成iOS中能夠直接使用的UIImage對象,支持多種圖片格式進行轉化,比UIImage+GIF.h類具有更好的拓展性。先看看該功能的實現思路。
該方法通過調用NSData+ImageContentType.h類中的sd_contentTypeForImageData方法去獲取圖片的類型,如果是gif類型的圖片就是用UIImage+GIF.h中的+ (UIImage *)sd_animatedGIFWithData:(NSData *)data方法將二進制數據轉化成圖片。如果是webo格式的圖片會調用sd_imageWithWebPData進行轉化(該方法在SDWebImage庫中并沒有找到對應實現不知道作者是在哪里進行了實現操作),其他類型的則會使用+ (UIImage *)imageWithCGImage:(CGImageRef)cgImage scale:(CGFloat)scale orientation:(UIImageOrientation)orientation;方法進行轉化,下面的那個方法是利用Image I/O framework庫中提供的API方法在獲取到的圖片數據信息中找出圖片的轉向,進行繪制。這個屬性時為了防止進行剪切或者縮放后圖片顛倒或者旋轉的問題,保持原圖片的轉向。