iOS开发NSOperation下载合并图片？主子线程通信？

『导言』

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在主线程