多图片多线程异步下载


开发中非常常用的就是就是图片下载,我们常用的就是SDWebImage,但是作为开发人员,不仅要能会用,还要知道其原理。本文就会介绍多图下载的实现。

本文中的示例Demno地址,下载后项目位于iOS_Demo/09-多图片多线程下载

1 - 问题

开篇我就先将多图下载过程中出现的问题摆出来,让我们能够一一克服

1:下载过程要放到子线程中,否则会导致UI线程卡顿

2:图片会重复下载,我们不仅要把下载完的图片放到内存中,还要把下载队列也缓存起来,否则可能图片没有下载完,会多次创建下载队列

3:沙盒缓存,放到哪里,根据下面对沙盒文件的介绍我们需要把图片放到Library/Caches目录下。

Document : iTunes会备份
Library :
1:Caches:缓存文件,不会清除
2:Preferences:偏好设置,保存账号信息
tmp :临时路径,随时会被删除,临时的不是重要的数据

下载流程图

明白了问题后,我们需要制定战略(画流程图),这样根据流程图,下载过程就更为清晰明了。

根据流程图一些坑,我们就可以完美的避免掉了。这样写程序也更有章法。

2 - 开始下载图片

根据前面的介绍,我们需要有两个缓存对象:

  1. 图片data的内存缓存
  2. 下载队列的缓存

我们可以使用NSMutableDictionary进行缓存,

这里我们假设两个缓存对象分别是:

/** 内存中图片的缓存字典 */
@property (nonatomic,strong)NSMutableDictionary * memoryImages; /** 下载操作的字典 */
@property (nonatomic,strong)NSMutableDictionary * operations;

2.1 内存缓存中取值

所以下载前,我们先要到内存中取值

   NSData *imageData = [self.memoryImages objectForKey:url];

如果imageData对象存在,我们就直接设置到Cell上。

2.2 内存缓存中没有,我们到沙盒中取值

内存缓存中不存在时我们到沙盒中进行查看:

        NSString *path = NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES).lastObject;
//获取图片名字,图片名称不能包含URL,
NSString *fileName = [url lastPathComponent];
NSString *filePaPath = [path stringByAppendingPathComponent:fileName]; //内存中没有图片的缓存 -- 从沙盒中取出
NSData *imageData = [NSData dataWithContentsOfFile:filePaPath];

如果图片存在,我们需要把图片设置到Cell上,并且放一份到内存缓存中

//沙盒中取出后,放一份到内存缓存中
[self.memoryImages setObject:imageData forKey:url];

这样下次就不用频繁访问沙盒了。

2.2 内存缓存中没有,沙盒中也没有,我们需要判断下载队列是否已经存在

如果网速慢一些,并且Cell上下滑动的频率快一些的话,假如第一次第5行的Cell显示的时候,内存缓存中没有,沙盒中也没有,这时我们创建了下载对象,然后这行Cell被滑出屏幕,再次进来的时候图片还是没有下载完毕,经过判断内存缓存中没有,沙盒中也没有,我们如果再次创建下载对象的话,就会重复下载图片了,所以我们要把下载队列也进行缓存,当内存缓存中没有,沙盒中也没有时,我们先判断下载队列中是否已经存在了。

这里使用的是NSBlockOperation

NSBlockOperation *doo = [self.operations objectForKey:url];

2.2 内存缓存中没有,沙盒中也没有,下载队列也没有

这时我们就需要创建下载对象进行下载了。

首先我们先可以设置一个占位图,这样的显示更为友好一下。

 NSBlockOperation *downO = [NSBlockOperation blockOperationWithBlock:^{
NSURL *uurl = [NSURL URLWithString:url]; NSURLSession *session = [NSURLSession sharedSession];
NSURLSessionDataTask *down = [session dataTaskWithURL:uurl completionHandler:^(NSData * _Nullable data, NSURLResponse * _Nullable response, NSError * _Nullable error) {
//图片的下载过程 }]; [down resume];
}];

同时加入下载队列

  //下载对象加入队列中
[self.operations setObject:downO forKey:url];
[self.queue addOperation:downO];

图片下载完毕后,我们需要

//把图片data存入内存中
[self.memoryImages setObject:data forKey:url]; //同时写入沙盒中,永久缓存
[data writeToFile:filePaPath atomically:YES];

同时在主线程中更新UI

 [[NSOperationQueue mainQueue] addOperationWithBlock:^{

 UIImage *image = [UIImage imageWithData:data];
cell.iconView.image = image;
[self.tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationAutomatic];
}];

这样完整的图片下载过程就好了。

【iOS系列】-多图片多线程异步下载的更多相关文章

  1. iOS开发网络篇—多线程断点下载

    iOS开发网络篇—多线程断点下载 说明:本文介绍多线程断点下载.项目中使用了苹果自带的类,实现了同时开启多条线程下载一个较大的文件.因为实现过程较为复杂,所以下面贴出完整的代码. 实现思路:下载开始, ...

  2. IOS GCD图片数据异步下载,下载完成后合成显示

    关于GCD使用详解,请看我的上一篇blog:http://www.cnblogs.com/xin-lang/p/6278606.html 前段时间遇到个需要异步下载,下载完成后再组合显示的东西.这里我 ...

  3. 使用webClient实现图片同步,异步下载

    WebClient.DownloadFile 方法 将具有指定 URI 的资源下载到本地文件. 命名空间:System.Net 程序集:System(在 system.dll 中) 同步实现参考代码: ...

  4. iOS tableView的图片缓存异步载入

    1.建立一个viewController. .h文件实现UIScrollViewDelegate和UITableViewDelegate,并声明ICTableViewDelegate(用来实现图片有缓 ...

  5. iOS开发网络篇—大文件的多线程断点下载

    http://www.cnblogs.com/wendingding/p/3947550.html iOS开发网络篇—多线程断点下载 说明:本文介绍多线程断点下载.项目中使用了苹果自带的类,实现了同时 ...

  6. iOS开发网络篇—大文件的多线程断点下载(转)

    http://www.cnblogs.com/wendingding/p/3947550.html   iOS开发网络篇—多线程断点下载 说明:本文介绍多线程断点下载.项目中使用了苹果自带的类,实现了 ...

  7. [原]unity3d之http多线程异步资源下载

    郑重声明:转载请注明出处 U_探索 本文诞生于乐元素面试过程,被面试官问到AssetBundle多线程异步下载时,愣了半天,同样也被深深的鄙视一回(做了3年多u3d 这个都没用过),所以发誓要实现出来 ...

  8. 使用开源库 SDWebImage 异步下载缓存图片(持续更新)

    source  https://github.com/rs/SDWebImage APIdoc  http://hackemist.com/SDWebImage/doc Asynchronous im ...

  9. [Xcode 实际操作]八、网络与多线程-(22)使用GCD多线程技术异步下载图片

    目录:[Swift]Xcode实际操作 本文将演示如何使用使用GCD多线程技术异步下载图片. Grand Central Dispatch(GCD) 是 Apple 开发的一个多核编程的较新的解决方法 ...

随机推荐

  1. VUE2.0实现购物车和地址选配功能学习第六节

    第六节 地址列表过滤和展开所有的地址 html:<li v-for="(item,index) in filterAddress">js: new Vue({ el:' ...

  2. markdown中常见的转义字符

    markdown中的转义字符 字符 转义后字符 & & " " > > < < 不断空格   \ \\ ` \` * \* _ \_ {} ...

  3. Laravel中间件

    先谈一谈中间件的使用场景,比如路由转到一张页面,我们需要记录用户的cookie,或者检测用户的访问权限,这些操作如果全写在控制器里是不合适的,因为随着业务的扩充,控制器里的业务逻辑会越来越臃肿,难以维 ...

  4. Laravel控制器和视图

    控制器,rawSQL,Model controller.php <?php namespace App\Http\Controllers; use Illuminate\Http\Request ...

  5. Oracle主键异常处理

    Hibernate: insert into test1.WarnWeather (WAREA, wdate, WDAYS, WINFO, WTYPE, WNO) values (?, ?, ?, ? ...

  6. 移动H5开发入门知识,CSS的单位汇总与用法

    说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了.然后随着手机的流行,web app和hybrid a ...

  7. Docker存储驱动之Device Mapper简介

    Device Mapper是一个基于kernel的框架,它增强了很多Linux上的高级卷管理技术.Docker的devicemapper驱动在镜像和容器管理上,利用了该框架的超配和快照功能.为了区别, ...

  8. Java线程池ExecutorService

    开篇前,我们先来看看不使用线程池的情况: new Thread的弊端 执行一个异步任务你还只是如下new Thread吗? new Thread(new Runnable() { @Override ...

  9. java爬虫查找四川大学所有学院的网站的网址中的通知和新闻——以计算机学院为例

    需求:查找四川大学所有学院的网站的网址中的通知和新闻——以计算机学院为例 流程图 3. 具体步骤 (1) 学院的主页为:http://cs.scu.edu.cn/ 获取该页面的所有内容(本文只获取新闻 ...

  10. H5 拖放

    HTML 5 拖放 HTML5 音频 HTML5 画布 拖放(Drag 和 drop)是 HTML5 标准的组成部分. 拖放 拖放是一种常见的特性,即抓取对象以后拖到另一个位置. 在 HTML5 中, ...