『导言』
iOS开发中，或许遇到这样的需求：下载2个图片A和B，然后合并为1个图片C = A+B (1+1 = 1).
那么问题来啦！如何快速的下载？如何子线程与主线程切换？如何画图？等等问题。请看下面详细解读：
一、代码(demo下载):
- 1、 代码如下：
// 1 下载图片1
// 2 下载图片2 http://img1.gtimg.com/4/411/41127/4112746_980x1200_192.jpg
// 3 合并图片 3= 1+2
NSOperationQueue*queue = [[NSOperationQueue alloc] init];
__block UIImage *image1 ;
__block UIImage *image2 ;
// 1 下载图片1 队列+操作
NSBlockOperation *op1 = [NSBlockOperation blockOperationWithBlock:^{
NSURL *url =[NSURL URLWithString:@"http://upload.mnw.cn/2016/0923/1474619720508.jpg"];
UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:url]];
NSLog(@" \n download = %@",[NSThread currentThread]);
image1 = image;
}];
// 2 下载图片2
NSBlockOperation *op2 = [NSBlockOperation blockOperationWithBlock:^{
NSURL *url =[NSURL URLWithString:@"http://imgtu.5011.net/uploads/content/20170125/8756251485345699.jpg"];
UIImage *image = [UIImage imageWithData:[NSData dataWithContentsOfURL:url]];
NSLog(@"download2 = %@",[NSThread currentThread]);
image2 = image;
}];
// 3 合并图片 3= 1+2
NSBlockOperation *combineOperation = [NSBlockOperation blockOperationWithBlock:^{
// 3.1begin开图形上下文
UIGraphicsBeginImageContext(CGSizeMake(200, 200));
// 3.2 画图1
[image1 drawInRect:CGRectMake(0, 0, 100, 200)];
// 3.3 画图2
[image2 drawInRect:CGRectMake(100, 0, 100, 200)];
//3.4 根据上下文得到图片
UIImage *image3 = UIGraphicsGetImageFromCurrentImageContext();
// 3.5 end 关闭上下文
UIGraphicsEndImageContext();
[[NSOperationQueue mainQueue]addOperationWithBlock:^{
self.iconImageView.image = image3;
NSLog(@"UI---- %@ \n ",[NSThread currentThread]);
}];
}];
//5 .设置依赖才可以合成图片
[combineOperation addDependency:op1];
[combineOperation addDependency:op2];
// 6 添加操作到队列中
[queue addOperation:op1];
[queue addOperation:op2];
[queue addOperation:combineOperation];
- 2 、代码分析
- 问题1：子线程和主线程如何切换？
方法： [[NSOperationQueue mainQueue]addOperationWithBlock:^{
self.iconImageView.image = image3;
NSLog(@"UI---- %@ \n ",[NSThread currentThread]);
}];
- 问题2：如何监听图片1.2（左和右）下载完成？也就是 如何保证1和2图片在合成图片的前面？
答：通过添加依赖关系
[combineOperation addDependency:op1];
[combineOperation addDependency:op2];
从而保证了图片的顺利合成
二 、相关效果图
- 1 .效果展示图：
图.合并效果1+1 = 1
- 2 .运行图：
NSOperation下载合并图片.gif
三、结果
- 1 . 数据打印结果：
/*
2017-02-22 16:38:32.027 11-掌握-NSOperation线程间通信[1217:89841]
download = <NSThread: 0x600000268840>{number = 5, name = (null)}
2017-02-22 16:38:32.183 11-掌握-NSOperation线程间通信[1217:89844] download2 = <NSThread: 0x60000026a780>{number = 6, name = (null)}
2017-02-22 16:38:32.193 11-掌握-NSOperation线程间通信[1217:89782] UI---- <NSThread: 0x60800007a680>{number = 1, name = main}
*/
- 2 、打印结果分析：
打印结果：下载1和2图片在子线程，合成图片3在主线程
