iOS-SDWebImage框架解析

2016年8月2日

SDWebImage框架

1 框架的类图

image
image

2 简单的用法

2.1 给UIImageView设置图片(有 内存缓存+磁盘缓存 )
//1 设置图片的URL
NSURL *url = [NSURL URLWithString:@"http://img4.duitang.com/uploads/blog/201310/18/20131018213446_smUw4.thumb.700_0.jpeg"];

//2 直接使用UIImageView+WebCache.h的分类
[self.imageView sd_setImageWithURL:url placeholderImage:[UIImage imageNamed:@"egopv_error_placeholder"] options:0 progress:^(NSInteger receivedSize, NSInteger expectedSize) {
    //下载进度
} completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
    switch (cacheType) {
        case SDImageCacheTypeNone:
            NSLog(@"缓存中没有--直接下载的");
            break;
            
        case SDImageCacheTypeDisk:
            NSLog(@"磁盘缓存--直接从磁盘中获取的,未再次下载");
            break;
            
        case SDImageCacheTypeMemory:
            NSLog(@"内存缓存--直接从内存中获取的,未再次下载");
            break;
    }
}];
2.2 直接下载图片(有 内存缓存+图片缓存)--SDWebImageManager
//1 获取图片下载地址
NSURL *url = [NSURL URLWithString:@"http://img4.duitang.com/uploads/blog/201310/18/20131018213446_smUw4.thumb.700_0.jpeg"];

//2 获取当前的管理器--单例
SDWebImageManager *manager = [SDWebImageManager sharedManager];

//3 下载图片
[manager downloadImageWithURL:url options:0 progress:^(NSInteger receivedSize, NSInteger expectedSize) {
    //下载进度
} completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {
    //当前线程是主线程,可以刷新UI
    self.imageView.image = image;
}];
2.3 直接下载图片(没有缓存处理)---SDWebImageDownloader

<b style="color:red">
注意:下载完毕后,是不会回到主线程的,需要我们自己回到主线程刷新UI
</b>

//1 获取图片下载地址
NSURL *url = [NSURL URLWithString:@"http://img4.duitang.com/uploads/blog/201310/18/20131018213446_smUw4.thumb.700_0.jpeg"];

//2 获取当前的下载器--单例
SDWebImageDownloader *downloader = [SDWebImageDownloader sharedDownloader];

//3 下载图片
[downloader downloadImageWithURL:url options:0 progress:^(NSInteger receivedSize, NSInteger expectedSize) {
    
} completed:^(UIImage *image, NSData *data, NSError *error, BOOL finished) {
    //注意,当前的线程是子线程,不能刷新UI,需要回到主线程刷新
    NSLog(@"%@",[NSThread currentThread]);
    //回主线程
    [[NSOperationQueue mainQueue]addOperationWithBlock:^{
        self.imageView.image = image;
    }];
}];
2.4 GIF图片的播放

内部原理:是讲gif图片读到内存,然后计算图片的帧数,然后将这些图片帧转换成图片后加入到图片数组中,通过UIImage的类方法animationImage来得到一个可动画的图片即可

//需要导入UIImage+Gif的分类
//直接导入gif图片
UIImage *image =  [UIImage sd_animatedGIFNamed:@"xhr"];
self.imageView.image = image;
2.5 外部内存警告处理--我们自己处理

当系统接收到内存警告的时候,我们需要将所有的任务取消并清空缓存。所以,我们需要在AppDelegate.m的applicationDidReceiveMemoryWarning的方法中进行取消任务、清空缓存的操作。

AppDelegate.m文件

-(void)applicationDidReceiveMemoryWarning:(UIApplication *)application
{
    //1 清空缓存
    [[[SDWebImageManager sharedManager] imageCache] clearMemory];

    //2 暂停任务
    [[SDWebImageManager sharedManager] cancelAll]
}

<b style="color:red">
注意:clean和clear的区别?(清空缓存的时候)

(1)clean,包含了cleanDisk、cleanMemory方法。他首先会将已经过期(默认过期时间为7天)的文件删除,然后将剩下的文件计算总大小,与预设的缓存最大字节进行比对,如果超过最大限制,会继续删除(删除规则是:按照时间先后顺序进行删除)。

(2)clear,包含clearDisk、clearMemory方法。直接全部清除。

</b>

3 框架内部结构详解

3.1 下载操作最大并发数(maxConcurrentOpeationCount)

开下载线程,一般会在类SDWebImageDownloader和SDWebImageDownloaderOperation中进行,所以,查看最大并发数也需要在这两个类中查找。

SDWebImageDownloader.m

-(id)init
{
    //其他代码省略....
    //设置最大并发数,默认是6条
    _downloadQueue.maxConcurrentOperationCount = 6;
    //其他代码省略....
}
3.2 下载队列中,默认的执行方式(executionOrder,执行顺序)

同上,仍然是在SDWebImageDownloader中

SDWebImageDownloader.m

-(id)init
{
    //设置执行的顺序
    _executionOrder = SDWebImageDownloaderFIFOExecutionOrder;
}
3.3 缓存文件的文件名

框架在缓存的时候,为了存储时尽可能隐藏图片信息,它的文件名是图片的URL进行MD5加密得到的。

<b style="color:orange">
tips: MacOS终端可以集成了MD5加密功能。输入命令:echo "待加密字符串" | md5

chenhuadeMacBook-Pro:~ chmn$ echo "hello world" | md5
</b>

3.4 框架内部对于系统内存告警的处理

框架内存也会接受系统的内存告警事件,并进行响应的操作。可以在SDImageCache中看到。它的实现思路是:通过注册系统内存告警的通知进行的。

[[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(clearMemory)
                                                 name:UIApplicationDidReceiveMemoryWarningNotification
                                               object:nil];

    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(cleanDisk)
                                                 name:UIApplicationWillTerminateNotification
                                               object:nil];

    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(backgroundCleanDisk)
                                                 name:UIApplicationDidEnterBackgroundNotification
                                               object:nil];
3.5 缓存的处理方式

我们自己写的简单多图下载程序中,缓存都是使用的可变字典,将图片的url和image进行对应。但是在框架中,它使用的NSCache(其实也类似字典)。

3.6 如何判断图片的类型

框架在下载文件,在保存文件的时候,需要知道文件的类型(jpg/jpeg/png/gif...)。因为同类型的图片转换成二进制(或十六进制)后,第一个字节是相同的,所以,框架是通过第一个字节去判断的。

NSData+ImageContentType.m

+ (NSString *)sd_contentTypeForImageData:(NSData *)data {
uint8_t c;
[data getBytes:&c length:1];
switch (c) {
    case 0xFF:
        return @"image/jpeg";
    case 0x89:
        return @"image/png";
    case 0x47:
        return @"image/gif";
    case 0x49:
    case 0x4D:
        return @"image/tiff";
    case 0x52:
        // R as RIFF for WEBP
        if ([data length] < 12) {
            return nil;
        }

        NSString *testString = [[NSString alloc] initWithData:[data subdataWithRange:NSMakeRange(0, 12)] encoding:NSASCIIStringEncoding];
        if ([testString hasPrefix:@"RIFF"] && [testString hasSuffix:@"WEBP"]) {
            return @"image/webp";
        }

        return nil;
}
return nil;
}
3.7 框架内部是如何下载图片的

是发送网络请求,之前的版本是NSURLConnnection,目前是NSURLSession

3.8 默认的请求超时时间

可以在SDWebImageDownloader.m文件查看,默认是的超时时间是15秒

SDWebImageDownloader.m

-(id)init
{
    _downloadTimeout = 15.0;
}
3.9 缓存的默认有效期

默认的缓存有效期是7天,可以在SDImageCache类中找到

static const NSInteger kDefaultCacheMaxCacheAge = 60 * 60 * 24 * 7; // 1 week
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容