猫猫学iOS(五十一)多线程网络之GCD下载合并图片_队列组的使用

本文主要是介绍猫猫学iOS(五十一)多线程网络之GCD下载合并图片_队列组的使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

猫猫分享,必须精品

原创文章,欢迎转载。转载请注明:翟乃玉的博客
地址:http://blog.csdn.net/u013357243?viewmode=contents

合并图片(图片水印)第一种方法

效果

这里写图片描述

实现:

思路:
1.分别下载2张图片:大图片、LOGO
2.合并2张图片
3.显示到一个imageView身上

  // 异步下载dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{// 1.下载第1张NSURL *url1 = [NSURL URLWithString:@"http://g.hiphotos.baidu.com/image/pic/item/f2deb48f8c5494ee460de6182ff5e0fe99257e80.jpg"];NSData *data1 = [NSData dataWithContentsOfURL:url1];UIImage *image1 = [UIImage imageWithData:data1];// 2.下载第2张NSURL *url2 = [NSURL URLWithString:@"http://su.bdimg.com/static/superplus/img/logo_white_ee663702.png"];NSData *data2 = [NSData dataWithContentsOfURL:url2];UIImage *image2 = [UIImage imageWithData:data2];// 3.合并图片// 开启一个位图上下文UIGraphicsBeginImageContextWithOptions(image1.size, NO, 0.0);// 绘制第1张图片CGFloat image1W = image1.size.width;CGFloat image1H = image1.size.height;[image1 drawInRect:CGRectMake(0, 0, image1W, image1H)];// 绘制第2张图片CGFloat image2W = image2.size.width * 0.5;CGFloat image2H = image2.size.height * 0.5;CGFloat image2Y = image1H - image2H;[image2 drawInRect:CGRectMake(0, image2Y, image2W, image2H)];// 得到上下文中的图片UIImage *fullImage = UIGraphicsGetImageFromCurrentImageContext();// 结束上下文UIGraphicsEndImageContext();// 4.回到主线程显示图片dispatch_async(dispatch_get_main_queue(), ^{self.imageView.image = fullImage;});});

但是这样虽然在异步线程中完成的,不过,当下载完第一个图的时候,第二个图还没下,在等待,我们想让每一个图都在一个单独的异步线程里面下载,于是我们用第二种方法。


:第二种方法

首先定义两个imageView

@property (weak, nonatomic) IBOutlet UIImageView *imageView;
@property (nonatomic, strong) UIImage *image1;
@property (nonatomic, strong) UIImage *image2;

然后实现这样实现

 // 异步下载dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{// 1.下载第1张NSURL *url1 = [NSURL URLWithString:@"http://g.hiphotos.baidu.com/image/pic/item/f2deb48f8c5494ee460de6182ff5e0fe99257e80.jpg"];NSData *data1 = [NSData dataWithContentsOfURL:url1];self.image1 = [UIImage imageWithData:data1];[self bindImages];});dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{// 2.下载第2张NSURL *url2 = [NSURL URLWithString:@"http://su.bdimg.com/static/superplus/img/logo_white_ee663702.png"];NSData *data2 = [NSData dataWithContentsOfURL:url2];self.image2 = [UIImage imageWithData:data2];[self bindImages];});

工作原理是开两个异步线程来分别下载两个图片,下载结束后都会调用
【self bindImages】方法,这时候我们在s 方法中设置回到主界面刷新,不过首先要判断两张图是否有数据,如下:

- (void)bindImages
{if (self.image1 == nil || self.image2 == nil) return;// 3.合并图片// 开启一个位图上下文UIGraphicsBeginImageContextWithOptions(self.image1.size, NO, 0.0);// 绘制第1张图片CGFloat image1W = self.image1.size.width;CGFloat image1H = self.image1.size.height;[self.image1 drawInRect:CGRectMake(0, 0, image1W, image1H)];// 绘制第2张图片CGFloat image2W = self.image2.size.width * 0.5;CGFloat image2H = self.image2.size.height * 0.5;CGFloat image2Y = image1H - image2H;[self.image2 drawInRect:CGRectMake(0, image2Y, image2W, image2H)];// 得到上下文中的图片UIImage *fullImage = UIGraphicsGetImageFromCurrentImageContext();// 结束上下文UIGraphicsEndImageContext();// 4.回到主线程显示图片dispatch_async(dispatch_get_main_queue(), ^{self.imageView.image = fullImage;});
}

虽然我们通过我们自己的想法解决了问题,不过其实我们有更好的解决方案,那就是队列组


第三种方法:队列组完成

什么时候用队列组呢?

首先:分别异步执行2个耗时的操作
其次:等2个异步操作都执行完毕后,再回到主线程执行操作

如果想要快速高效地实现上述需求,可以考虑用队列组,用法如下:

// 1.创建队列组
dispatch_group_t group =  dispatch_group_create();
// 2.1第一个队列组异步
dispatch_group_async(group, dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{// 执行1个耗时的异步操作
});// 2.2第二个队列组异步
dispatch_group_async(group, dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{// 执行1个耗时的异步操作
});// 3.所有队列组异步线程结束后
dispatch_group_notify(group, dispatch_get_main_queue(), ^{// 等前面的异步操作都执行完毕后,回到主线程...
});

那就让我们来用队列组完成他吧,代码如下:

// 1.队列组dispatch_group_t group = dispatch_group_create();dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);// 2.下载图片1__block UIImage *image1 = nil;dispatch_group_async(group, queue, ^{NSURL *url1 = [NSURL URLWithString:@"http://g.hiphotos.baidu.com/image/pic/item/f2deb48f8c5494ee460de6182ff5e0fe99257e80.jpg"];NSData *data1 = [NSData dataWithContentsOfURL:url1];image1 = [UIImage imageWithData:data1];});// 3.下载图片2__block UIImage *image2 = nil;dispatch_group_async(group, queue, ^{NSURL *url2 = [NSURL URLWithString:@"http://su.bdimg.com/static/superplus/img/logo_white_ee663702.png"];NSData *data2 = [NSData dataWithContentsOfURL:url2];image2 = [UIImage imageWithData:data2];});// 4.合并图片 (保证执行完组里面的所有任务之后,再执行notify函数里面的block)dispatch_group_notify(group, queue, ^{// 开启一个位图上下文UIGraphicsBeginImageContextWithOptions(image1.size, NO, 0.0);// 绘制第1张图片CGFloat image1W = image1.size.width;CGFloat image1H = image1.size.height;[image1 drawInRect:CGRectMake(0, 0, image1W, image1H)];// 绘制第2张图片CGFloat image2W = image2.size.width * 0.5;CGFloat image2H = image2.size.height * 0.5;CGFloat image2Y = image1H - image2H;[image2 drawInRect:CGRectMake(0, image2Y, image2W, image2H)];// 得到上下文中的图片UIImage *fullImage = UIGraphicsGetImageFromCurrentImageContext();// 结束上下文UIGraphicsEndImageContext();// 5.回到主线程显示图片dispatch_async(dispatch_get_main_queue(), ^{self.imageView.image = fullImage;});});

__block关键字

注意:这里我们用到了一个__block的关键字,这是因为如果不加的话,block里面的是不能访问block外面的东西的。

小小总结:

开启异步

(直接敲dispatch_a。。。就能出来一堆提示,然后选选填填,没啥难度,前面说过了)

dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{code
});

开启队列组:

首先建一个队列组:

dispatch_group_t group =  dispatch_group_create();

然后把原来放队列的地方换成队列组 并且用dispatch_get_global_queue这个

dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{// 执行1个耗时的异步操作
});

上面这段能多弄几个,弄几个就有几个线程

然后结束时候用这个:

dispatch_group_notify(group, dispatch_get_main_queue(), ^{// 等前面的异步操作都执行完毕后,回到主线程...
});

合并图片的过程

步骤:
1.开启一个位图上下文
2.1绘制第1张图片
2.2绘制第2张图片
3.得到上下文中的图片
4.结束上下文

// 1.开启一个位图上下文UIGraphicsBeginImageContextWithOptions(image1.size, NO, 0.0);// 2.1绘制第1张图片CGFloat image1W = image1.size.width;CGFloat image1H = image1.size.height;[image1 drawInRect:CGRectMake(0, 0, image1W, image1H)];// 2.2绘制第2张图片CGFloat image2W = image2.size.width * 0.5;CGFloat image2H = image2.size.height * 0.5;CGFloat image2Y = image1H - image2H;[image2 drawInRect:CGRectMake(0, image2Y, image2W, image2H)];// 3.得到上下文中的图片UIImage *fullImage = UIGraphicsGetImageFromCurrentImageContext();// 4.结束上下文UIGraphicsEndImageContext();

这篇关于猫猫学iOS(五十一)多线程网络之GCD下载合并图片_队列组的使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1138349

相关文章

使用Python构建智能BAT文件生成器的完美解决方案

《使用Python构建智能BAT文件生成器的完美解决方案》这篇文章主要为大家详细介绍了如何使用wxPython构建一个智能的BAT文件生成器,它不仅能够为Python脚本生成启动脚本,还提供了完整的文... 目录引言运行效果图项目背景与需求分析核心需求技术选型核心功能实现1. 数据库设计2. 界面布局设计3

使用IDEA部署Docker应用指南分享

《使用IDEA部署Docker应用指南分享》本文介绍了使用IDEA部署Docker应用的四步流程:创建Dockerfile、配置IDEADocker连接、设置运行调试环境、构建运行镜像,并强调需准备本... 目录一、创建 dockerfile 配置文件二、配置 IDEA 的 Docker 连接三、配置 Do

Android Paging 分页加载库使用实践

《AndroidPaging分页加载库使用实践》AndroidPaging库是Jetpack组件的一部分,它提供了一套完整的解决方案来处理大型数据集的分页加载,本文将深入探讨Paging库... 目录前言一、Paging 库概述二、Paging 3 核心组件1. PagingSource2. Pager3.

python使用try函数详解

《python使用try函数详解》Pythontry语句用于异常处理,支持捕获特定/多种异常、else/final子句确保资源释放,结合with语句自动清理,可自定义异常及嵌套结构,灵活应对错误场景... 目录try 函数的基本语法捕获特定异常捕获多个异常使用 else 子句使用 finally 子句捕获所

C++11右值引用与Lambda表达式的使用

《C++11右值引用与Lambda表达式的使用》C++11引入右值引用,实现移动语义提升性能,支持资源转移与完美转发;同时引入Lambda表达式,简化匿名函数定义,通过捕获列表和参数列表灵活处理变量... 目录C++11新特性右值引用和移动语义左值 / 右值常见的左值和右值移动语义移动构造函数移动复制运算符

Python对接支付宝支付之使用AliPay实现的详细操作指南

《Python对接支付宝支付之使用AliPay实现的详细操作指南》支付宝没有提供PythonSDK,但是强大的github就有提供python-alipay-sdk,封装里很多复杂操作,使用这个我们就... 目录一、引言二、准备工作2.1 支付宝开放平台入驻与应用创建2.2 密钥生成与配置2.3 安装ali

C#中lock关键字的使用小结

《C#中lock关键字的使用小结》在C#中,lock关键字用于确保当一个线程位于给定实例的代码块中时,其他线程无法访问同一实例的该代码块,下面就来介绍一下lock关键字的使用... 目录使用方式工作原理注意事项示例代码为什么不能lock值类型在C#中,lock关键字用于确保当一个线程位于给定实例的代码块中时

MySQL 强制使用特定索引的操作

《MySQL强制使用特定索引的操作》MySQL可通过FORCEINDEX、USEINDEX等语法强制查询使用特定索引,但优化器可能不采纳,需结合EXPLAIN分析执行计划,避免性能下降,注意版本差异... 目录1. 使用FORCE INDEX语法2. 使用USE INDEX语法3. 使用IGNORE IND

C# $字符串插值的使用

《C#$字符串插值的使用》本文介绍了C#中的字符串插值功能,详细介绍了使用$符号的实现方式,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧... 目录$ 字符使用方式创建内插字符串包含不同的数据类型控制内插表达式的格式控制内插表达式的对齐方式内插表达式中使用转义序列内插表达式中使用

flask库中sessions.py的使用小结

《flask库中sessions.py的使用小结》在Flask中Session是一种用于在不同请求之间存储用户数据的机制,Session默认是基于客户端Cookie的,但数据会经过加密签名,防止篡改,... 目录1. Flask Session 的基本使用(1) 启用 Session(2) 存储和读取 Se