[iOS][Objective-C]:模拟SDWebImage的底层实现

这是一个简单的demo模拟了SDWebimage框架中底层的实现

效果是点击屏幕将网络图片下载到本地,模拟了社交类软件中点击将图片从网络中下载下来缓存并显示

首先设置一个根节点为数组的plist文件,这边我们暂时存入4个元素,存放网络图片的URL

viewcontroller中懒加载数组数据:
<pre>
-(NSArray *)dataArray{
//判断数组是否为空
if (!_dataArray) {

    _dataArray = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle]pathForResource:@"PicData2" ofType:@"plist"]];
}
return _dataArray;

}
</pre>

底层实现一个继承NSOperation的自定义类:
首先写一个类方法用于实例化,
这边NSOperation中的mian方法,直接实现Operation中需要做的事情,不需要调用super,
这边的多次点击方法是确保用户多次点击时图片(注意:在已经加载完成的情况下)不会多次加载导致流量损失。
这边的Cancel状态由调用的manager类来设置,之后会提到
<pre>
//
// DownloadIMGOperation.m
// Demo-模拟SDwebImage
//
// Created by admin on 16/8/23.
// Copyright © 2016年 Derrick_Qin. All rights reserved.
//

import "DownloadIMGOperation.h"

import "NSString+Path.h"

@interface DownloadIMGOperation ()

@end

@implementation DownloadIMGOperation

+(instancetype)operationWithStringURL:(NSString *)strURL andFinishBlock:(void(^)(UIImage *))finishBlock{

DownloadIMGOperation *op = [[DownloadIMGOperation alloc]init];

op.strURL = strURL;
op.finishBlock = finishBlock;

return op;

}

-(void)main{

NSURL *imgURL = [NSURL URLWithString:self.strURL];

NSData *imgData = [NSData dataWithContentsOfURL:imgURL];

[imgData writeToFile:[self.strURL appendCachePath] atomically:YES];

NSLog(@"图片写入沙盒");

if (self.isCancelled) {
    NSLog(@"多次点击取消图片赋值操作,拦截");
    return;
}

UIImage * image = [UIImage imageWithData:imgData];

[[NSOperationQueue mainQueue]addOperationWithBlock:^{
    
    if (self.finishBlock) {
        self.finishBlock(image);
    }
}];

}

@end
</pre>

在自定义的NSOperation类的基础上建立一个manager类,出来处理具体逻辑:
首先通过方法sharedManager设置一个单例对象,
这里有两个重要的属性:operationCache 和 imageCache
一个用于Operation的缓存,一个用户图片的缓存
下载方法downloadImageWithStrURL主要流程:
1 优先从程序缓存中读取图片,若没有则往下走,有则直接返回
2 从本地沙盒读取图片(如果有的话,有的情况是之前运行过,该图片已经被程序下载到了本地并保存),同时如果从沙盒读取了图片,将图片添加到图片缓存队列,方便下次调用到该图片时,直接从图片缓存队列中读取,比从沙盒的效率更高,若没有则往下走,有则直接返回
3 都没能找到的情况下,从网络下载数据,一旦当Operation开始执行,将它添加在到Operation缓存队列中,用于在之后判断,用户在多次点击后,上一次的Operation没执行完之前,不会多次发起Operation。

Cancel方法: 从Operation缓存列队中取出last,设置它为Cancel,
这边上面提到的cancel状态中,图片赋值返回前做判断截断,保证图片不会多次赋值。
<pre>
//
// DownloadIMGManager.m
// Demo-模拟SDwebImage
//
// Created by admin on 16/8/23.
// Copyright © 2016年 Derrick_Qin. All rights reserved.
//

import "DownloadIMGManager.h"

import "DownloadIMGOperation.h"

import "NSString+Path.h"

@interface DownloadIMGManager ()

@property (nonatomic, strong) NSOperationQueue *queue;
@property (nonatomic, strong) NSMutableDictionary *imageCache;
@property (nonatomic, strong) NSMutableDictionary *operationCache;

@end

@implementation DownloadIMGManager

+(instancetype)sharedManager{

static id instance;

static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
    instance = [[DownloadIMGManager alloc]init];
});

return instance;

}

-(NSOperationQueue *)queue{

if (!_queue) {
    _queue = [[NSOperationQueue alloc]init];
}
return _queue;

}

-(NSMutableDictionary *)operationCache{
if (!_operationCache) {
_operationCache = [NSMutableDictionary dictionary];
}
return _operationCache;
}

-(NSMutableDictionary *)imageCache{
if (!_imageCache) {
_imageCache = [NSMutableDictionary dictionary];
}
return _imageCache;
}

-(void)downloadImageWithStrURL:(NSString *)strURL andFinishBlock:(void(^)(UIImage *))finishBlock{

if (self.imageCache[strURL]) {
    
    finishBlock(self.imageCache[strURL]);
    NSLog(@"从缓存读取图片");
    return;
}
else{
    
    UIImage *sandBoxImage = [UIImage imageWithContentsOfFile:[strURL appendCachePath]];
    
    if (sandBoxImage) {
        NSLog(@"从沙盒读取图片");
        finishBlock(sandBoxImage);
        
        [self.imageCache setObject:sandBoxImage forKey:strURL];
        NSLog(@"从沙盒图片放入图片缓存");
        return;
    }
}

DownloadIMGOperation *op = [DownloadIMGOperation operationWithStringURL:strURL andFinishBlock:^(UIImage *image) {
    
    finishBlock(image);
    
    [self.imageCache setObject:image forKey:strURL];
    NSLog(@"图片加入缓存");
    [self.operationCache removeObjectForKey:strURL];
    NSLog(@"操作移出缓存");
}];


[self.queue addOperation:op];
[self.operationCache setObject:op forKey:strURL];

}

-(void)cancelDownloadWithStrURL:(NSString *)strURL{

NSLog(@"进入CANCEL方法");

DownloadIMGOperation *lastOp = self.operationCache[strURL];

[lastOp cancel];

}

@end
</pre>

最后在manager类的基础上添加一个UIImageView的分类方便调用
<pre>
//
// UIImageView+WebCache.m
// Demo-模拟SDwebImage
//
// Created by admin on 16/8/23.
// Copyright © 2016年 Derrick_Qin. All rights reserved.
//

import "UIImageView+WebCache.h"

import "DownloadIMGManager.h"

import <objc/runtime.h>

@implementation UIImageView (WebCache)

static char *key = "keyForURL";

-(void)setCurrentStrURL:(NSString *)currentStrURL{

objc_setAssociatedObject(self, key, currentStrURL, OBJC_ASSOCIATION_COPY_NONATOMIC);

}

-(NSString *)currentStrURL{

return objc_getAssociatedObject(self, key);

}

-(void)getWebImageWithStringURL:(NSString *)strURL{

if (![self.currentStrURL isEqualToString:strURL]) {
    
    [[DownloadIMGManager sharedManager] cancelDownloadWithStrURL:self.currentStrURL];
    
}


self.currentStrURL = strURL;

[[DownloadIMGManager sharedManager] downloadImageWithStrURL:strURL andFinishBlock:^(UIImage *image) {
    
    self.image = image;
    
}];

}

@end
</pre>

最后附上demo的链接:
https://github.com/DerrickQin2853/SimulateSDWebImage

感谢阅读

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

推荐阅读更多精彩内容

  • SDWebImage[https://github.com/rs/SDWebImage] 分析 Version 4...
    wyanassert阅读 1,891评论 0 8
  • 前不久做了一个生成快照的需求,其中用到 SDWebImage 来下载图片,在使用该框架的过程中也遇到了一些问题,索...
    ShannonChenCHN阅读 14,045评论 12 241
  • SDWebImage是一个开源的第三方库,它提供了UIImageView的一个分类,以支持从远程服务器下载并缓存图...
    devning阅读 415评论 0 0
  • 下载 下载管理器 SDWebImageDownLoader作为一个单例来管理图片的下载操作。图片的下载是放在一个N...
    wind_dy阅读 1,445评论 0 1
  • 本文由 iMetalk 团队的成员 Lefe 完成,主要帮助读者深入理解一个第三方库。 本文不会教你咋么使用SD,...
    Lefe阅读 1,171评论 0 21