AJ学IOS（51）多线程网络之GCD下载合并图片_队列组的使用

2023-01-07 18:44:31

AJ分享，必须精品

合并图片（图片水印）第一种方法

效果

实现：

思路：
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();

码农公寓