簡單做個介紹,SDWebImage:以我個人的理解,就是幫我們異步加載圖片,并且緩存這些圖片到內(nèi)存及disk的一款非常棒的開源框架。其實除此之外,還有很多強大的功能供我們使用,我們?nèi)绻軌蚴炀毷褂闷銩PI 就可以實現(xiàn)很多復(fù)雜的需求了。
github最新下載地址:https://github.com/rs/SDWebImage
下面,就開始學(xué)習(xí)下該框架。
由于我下載的是最新版的,一切就按照該版本的來整理學(xué)習(xí)。
先看下一個方法:
[_imageView2 sd_setImageWithURL:url2 placeholderImage:image2 options:SDWebImageRetryFailed PRogress:^(NSInteger receivedSize, NSInteger expectedSize) { NSLog(@"對下載進度做相關(guān)處理的事情"); } completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) { NSLog(@"圖片加載完成后做的一些事情"); }];
這是最全的一個方法,看SDWebImage的源碼也可以看到很多縮小版的方法也都是直接調(diào)用了該方法。其他方法就不做記錄了
關(guān)于參數(shù):1.sd_setImageWithURL: 圖片的url
2.placeholderImage: 占位圖片(圖片沒加載完成時顯示的圖片,也可以不選擇)
3.options: 提供的一種加載機制選擇。默認值:SDWebImageRetryFailed 。詳細看下。
//失敗后重試 SDWebImageRetryFailed = 1 << 0, //UI交互期間開始下載,導(dǎo)致延遲下載比如UIScrollView減速。 SDWebImageLowPriority = 1 << 1, //只進行內(nèi)存緩存 SDWebImageCacheMemoryOnly = 1 << 2, //這個標(biāo)志可以漸進式下載,顯示的圖像是逐步在下載 SDWebImageProgressiveDownload = 1 << 3, //刷新緩存 SDWebImageRefreshCached = 1 << 4, //后臺下載 SDWebImageContinueInBackground = 1 << 5, //NSMutableURLRequest.HTTPShouldHandleCookies = YES; SDWebImageHandleCookies = 1 << 6, //允許使用無效的SSL證書 //SDWebImageAllowInvalidSSLCertificates = 1 << 7, //優(yōu)先下載 SDWebImageHighPriority = 1 << 8, //延遲占位符 SDWebImageDelayPlaceholder = 1 << 9, //改變動畫形象 SDWebImageTransformAnimatedImage = 1 << 10,
4.progress: 看名字和參數(shù)應(yīng)該可以了解該block的作用
5.completed: 圖片加載完成后的回調(diào)block,參數(shù)里面說一下SDImageCacheType,也是個枚舉,通過該枚舉我們可以了解到加載的圖片是從哪里加載(緩存)來的,提供三種:SDImageCacheTypeNone 沒有緩存類型,即網(wǎng)絡(luò)下載來的
SDImageCacheTypeDisk 由硬盤緩存而來
SDImageCacheTypeMemory 由內(nèi)存緩存而來
接下來我們來看下內(nèi)部實現(xiàn):
一、在這步之前先學(xué)習(xí)個基于runtime機制的“關(guān)聯(lián)”,因為他里面很多地方都用到了。
1.建立關(guān)聯(lián):
方法:objc_setAssociatedObject(id object, const void *key, id value, objc_AssociationPolicy policy)
介紹下參數(shù):object 源對象
key 關(guān)鍵字 唯一靜態(tài)變量key 注意:該參數(shù)是一個指針
value 關(guān)聯(lián)的對象
policy 關(guān)聯(lián)策略 :表明了相關(guān)的對象是通過賦值,保留引用還是復(fù)制的方式進行關(guān)聯(lián)的;還有這種關(guān)聯(lián)是原子的還是非原子的。
我個人的理解就是這個方法的作用就是:將value對象通過key關(guān)鍵字以及policy關(guān)聯(lián)策略和object關(guān)聯(lián)起來。(那么此時value對象的生命周期就是依據(jù)關(guān)聯(lián)策略和object對象相掛鉤的。比如SDWebImage里面用到的一個關(guān)聯(lián)策略OBJC_ASSOCIATION_RETAIN_NONATOMIC。其他不用關(guān)心,看到RETAIN,就應(yīng)該知道此時就算我們release了value對象,如果object對象沒有被release的話,我們依然可以訪問的到value對象的。再進一步說,就是在object對象存在的時候,value對象一定存在。除非我們采用取消關(guān)聯(lián)的操作。)
2.獲取相關(guān)聯(lián)的對象
方法:objc_getAssociatedObject(id object, const void *key)
參數(shù)就不介紹,對應(yīng)上面的關(guān)聯(lián)方法就可以知道了。但是說明一點,該方法是有返回值的,返回值為value類型的對象。
總結(jié),先說下理論的東西。關(guān)聯(lián)對象的存在是解決拓展中無法添加屬性值而存在的,它以一個全局字典的形式存在,索引是你傳遞過來的key。以這種方式模擬出符合面向?qū)ο蟮臄?shù)據(jù)與操作綁定的現(xiàn)象。其實我個人認為,之所以在這里用這個,是因為大多數(shù)的圖片請求都是批量進行的,反復(fù)的調(diào)用請求方法,如果沒有一個類似全局的manager來管理這些請求,勢必會造成非常被動以及性能消耗的結(jié)果。所以作者在這里采用了這種方式,會把manager管理的當(dāng)前Operation給cancel掉,減少不必要的負荷。來提高框架的性能。
二、SDWebImage內(nèi)部實現(xiàn)過程
1.入口:UIImageView+WebCache中先通過“關(guān)聯(lián)”取消當(dāng)前正在隊列中的其他下載操作,然后顯示placeholder占位圖片。方法:
- (void)sd_setImageWithURL:(NSURL *)url placeholderImage:(UIImage *)placeholder options:(SDWebImageOptions)options progress:(SDWebImageDownloaderProgressBlock)progressBlock completed:(SDWebImageCompletionBlock)completedBlock
2.SDWebImageManager通過傳進來的url等參數(shù)進行圖片請求操作。方法:
- (id <SDWebImageOperation>)downloadImageWithURL:(NSURL *)url options:(SDWebImageOptions)options progress:(SDWebImageDownloaderProgressBlock)progressBlock completed:(SDWebImageCompletionWithFinishedBlock)completedBlock
3.先對傳進來的url進行判斷,如果url為空,或者是之前已經(jīng)請求過失敗的url并且option是SDWebImageRetryFailed(失敗后重新請求)的話,就會直接回調(diào)失敗的completedBlock(nil, error, SDImageCacheTypeNone, YES, url); 并返回error信息(NSURLErrorFileDoesNotExist)。代碼:
1 BOOL isFailedUrl = NO; 2 @synchronized (self.failedURLs) { 3 isFailedUrl = [self.failedURLs containsObject:url]; 4 } 5 6 if (!url || (!(options & SDWebImageRetryFailed) && isFailedUrl)) { 7 dispatch_main_sync_safe(^{ 8 NSError *error = [NSError errorWithDomain:NSURLErrorDomain code:NSURLErrorFileDoesNotExist userInfo:nil]; 9 completedBlock(nil, error, SDImageCacheTypeNone, YES, url);10 });11 return operation;12 }
4.通過urlKey在SDImageCache中先找看緩存里面圖片是否已經(jīng)下載。方法:
- (NSOperation *)queryDiskCacheForKey:(NSString *)key done:(SDWebImageQueryCompletedBlock)doneBlock
5.會先在內(nèi)存圖片緩存中找,找到后回調(diào)doneBlock(image, SDImageCacheTypeMemory)到SDWebImageManager,SDWebImageManager再回調(diào)completedBlock(image, nil, cacheType, YES, url)到UIImageView+WebCache前端展示圖片。代碼:
1 UIImage *image = [self imageFromMemoryCacheForKey:key];2 if (image) {3 doneBlock(image, SDImageCacheTypeMemory);4 return nil;5 }
6.如果在內(nèi)存圖片緩存中沒有找到,生成NSOperation根據(jù)urlKey在硬盤中查找看圖片是否已經(jīng)緩存。如果從硬盤中讀取到了圖片,將圖片添加到內(nèi)存緩存中(如果空閑內(nèi)存過小,會先清空內(nèi)存緩存)。因為這一步是在 NSOperation 進行的操作,所以要回主線程進行結(jié)果回調(diào)doneBlock(diskImage, SDImageCacheTypeDisk)。然后SDWebImageManager再回調(diào)completedBlock(image, nil, cacheType, YES, url)到UIImageView+WebCache前端展示圖片。代碼:
1 NSOperation *operation = [NSOperation new]; 2 dispatch_async(self.ioQueue, ^{ 3 if (operation.isCancelled) { 4 return; 5 } 6 7 @autoreleasepool { 8 UIImage *diskImage = [self diskImageForKey:key]; 9 if (diskImage) {10 NSUInteger cost = SDCacheCostForImage(diskImage);11 [self.memCache setObject:diskImage forKey:key cost:cost];12 }13 14 dispatch_async(dispatch_get_main_queue(), ^{15 doneBlock(diskImage, SDImageCacheTypeDisk);16 });17 }18 });
7.如果內(nèi)存和硬盤緩存都沒有找到圖片的話,就需要下載圖片。調(diào)用SDWebImageDownloader的下載方法,到這一步才算是真正的下載。方法:
- (id <SDWebImageOperation>)downloadImageWithURL:(NSURL *)url options:(SDWebImageDownloaderOptions)options progress:(SDWebImageDownloaderProgressBlock)progressBlock completed:(SDWebImageDownloaderCompletedBlock)completedBlock
8.關(guān)于下載,真的是蠻復(fù)雜的,以目前的能力好難看下去。以下內(nèi)容摘自網(wǎng)絡(luò),以后能看明白了再補。
共享或重新生成一個下載器 SDWebImageDownloader 開始下載圖片。圖片下載由 NSURLConnection 來做,實現(xiàn)相關(guān) delegate 來判斷圖片下載中、下載完成和下載失敗。connection:didReceiveData: 中利用 ImageIO 做了按圖片下載進度加載效果。connectionDidFinishLoading: 數(shù)據(jù)下載完成后交給 SDWebImageDecoder 做圖片解碼處理。圖片解碼處理在一個 NSOperationQueue 完成,不會拖慢主線程 UI。如果有需要對下載的圖片進行二次處理,最好也在這里完成,效率會好很多。在主線程 notifyDelegateOnMainThreadWithInfo: 宣告解碼完成,imageDecoder:didFinishDecodingImage:userInfo: 回調(diào)給 SDWebImageDownloader。imageDownloader:didFinishWithImage: 回調(diào)給 SDWebImageManager 告知圖片下載完成。通知所有的 downloadDelegates 下載完成,回調(diào)給需要的地方展示圖片。將圖片保存到 SDImageCache 中,內(nèi)存緩存和硬盤緩存同時保存。寫文件到硬盤也在以單獨 NSInvocationOperation 完成,避免拖慢主線程。SDImageCache 在初始化的時候會注冊一些消息通知,在內(nèi)存警告或退到后臺的時候清理內(nèi)存圖片緩存,應(yīng)用結(jié)束的時候清理過期圖片。SDWI 也提供了 UIButton+WebCache 和 MKAnnotationView+WebCache,方便使用。SDWebImagePrefetcher 可以預(yù)先下載圖片,方便后續(xù)使用。
新聞熱點
疑難解答