GCD

1 使用GCD实现打地鼠

1.1 问题

GCD是Grand Central Dispatch中央任务分发中心的简称，是苹果公司为多核的并行运算提出的解决方案。GCD在工作时会自动利用更多的处理器核心，以充分利用更强大的机器，它是基于C语言的API。本案例使用GCD实现打地鼠小游戏，在界面随机产生mouse（继承至UIButton），以及点击mouse消失得分等功能，如图-1所示：

图-1

1.2 方案

首先创建一个SingleViewApplication应用，在该应用中创建一个TRMouse地鼠类，由于地鼠具有点击功能，因此TRMouse类继承至UIButton。

其次在TRMouse的初始化方法中将背景设置为红色，标题设置为3，并添加点击事件当地鼠出现在界面三秒钟之内被点击即消失得分。

地鼠出现三秒钟没有被点击则自动消失，所以TRMouse类中需要使用dispatch_queue_create函数创建一个调度队列并且异步执行，每秒钟对地鼠的标题进行三、二、一倒计时修改，最后从界面消失。

然后在Storyboard的场景中拖放两个Label分别用于显示成功的计数和失败的计数，并关联成ViewController的输出口属性successLabel和failLabel。

当成功点击地鼠时成功计数加一，地鼠自动消失失败计数加一，该功能可以通过委托协议来实现，在TRMouse类中定义一个TRMouseDelegate协议，该协议有一个需要实现的方法-(void)changeScoreWithSuccess:(BOOL)isSuccess。再在TRMouse类中定义一个公开的属性id<TRMouseDelegate>delegate，用于指定委托对象。在成功点击地鼠消失方法中delegate调用changeScoreWithSuccess:方法isSuccess参数传入YES，在地鼠自动消失的方法delegate调用changeScoreWithSuccess:方法isSuccess参数传入NO。

最后在ViewController类的viewDidLoad方法中使用dispatch_queue_create函数创建一个调度队列并且异步执行，用于定时调用addMouse方法产生地鼠对象，然后返回主队列将产生的地鼠对象添加到界面。

ViewController类遵守TRMouseDelegate协议，在创建TRMouse对象时将delegate指定为ViewController。ViewController实现changeScoreWithSuccess:方法，根据isSucces参数修改successLabel和failLabel的显示内容。

1.3 步骤

实现此案例需要按照如下步骤进行。

步骤一：创建地鼠类TRMouse

首先创建一个SingleViewApplication应用，在该应用中创建一个TRMouse地鼠类，由于地鼠具有点击功能，因此TRMouse类继承至UIButton，如图-2所示：

图-2

其次在TRMouse的初始化方法中将背景设置为红色，标题设置为3，并添加点击事件当地鼠出现在界面三秒钟之内被点击即消失，代码如下所示：

 

1. - (id)initWithFrame:(CGRect)frame
2. {
3. self = [super initWithFrame:frame];
4. if (self) {
5. self.backgroundColor = [UIColorredColor];
6. [selfsetTitle:@"3" forState:UIControlStateNormal];
7. [selfaddTarget:self action:@selector(clicked) forControlEvents:UIControlEventTouchUpInside];
8. }
9. return self;
10. }

实现clicked方法，代码如下所示：

1. - (void)clicked {
2. [selfremoveFromSuperview];
3. self.tag = 1;
4. }

地鼠出现三秒钟没有被点击则自动消失，所以TRMouse类中需要使用dispatch_queue_create函数创建一个调度队列并且异步执行，每秒钟对地鼠的标题进行三、二、一倒计时修改，最后从界面消失从主线程上将地鼠移除父视图，代码如下所示：

 

1. - (id)initWithFrame:(CGRect)frame
2. {
3. self = [super initWithFrame:frame];
4. if (self) {
5. self.backgroundColor = [UIColorredColor];
6. [selfsetTitle:@"3" forState:UIControlStateNormal];
7. [selfaddTarget:self action:@selector(clicked) forControlEvents:UIControlEventTouchUpInside];
8. }
9. dispatch_queue_t queue = dispatch_queue_create("queue", NULL);
10. dispatch_async(queue, ^{
11. for(inti=2;i>=0;i--) {
12. [NSThread sleepForTimeInterval:1];
13. dispatch_async(dispatch_get_main_queue(), ^{
14. self.titleLabel.text =[NSStringstringWithFormat:@"%d",i];
15. });
16. }
17. if (self.tag!=1) {
18. dispatch_async(dispatch_get_main_queue(), ^{
19. [selfremoveFromSuperview];
20. });
21. }
22. });
23. return self;
24. }

步骤二：添加成功标签和失败标签

首先在Storyboard的场景中拖放两个Label分别用于显示成功的计数和失败的计数，并关联成ViewController的输出口属性successLabel和failLabel，代码如下所示：

1. @interfaceViewController ()
2. @property (weak, nonatomic) IBOutletUILabel *successLabel;
3. @property (weak, nonatomic) IBOutletUILabel *failLabel;
4. @end

当成功点击地鼠时成功计数加一，地鼠自动消失失败计数加一，该功能可以通过委托协议来实现，在TRMouse类中定义一个TRMouseDelegate协议，该协议有一个需要实现的方法-(void)changeScoreWithSuccess:(BOOL)isSuccess，代码如下所示：

 

1. @protocolTRMouseDelegate
2. -(void)changeScoreWithSuccess:(BOOL)isSuccess;
3. @end

再在TRMouse类中定义一个公开的属性id<TRMouseDelegate>delegate，用于指定委托对象，代码如下所示：

 

1. @interfaceTRMouse : UIButton
2. @property (nonatomic,assign) id<TRMouseDelegate> delegate;
3. @end

最后在成功点击地鼠消失方法中delegate调用changeScoreWithSuccess:方法isSuccess参数传入YES，在地鼠自动消失的方法delegate调用changeScoreWithSuccess:方法isSuccess参数传入NO，代码如下所示：

 

1. //成功点击
2. - (void)clicked {
3. [selfremoveFromSuperview];
4. self.tag = 1;
5. [self.delegatechangeScoreWithSuccess:YES];
6. }
7. //失败自动消失
8. - (id)initWithFrame:(CGRect)frame
9. {
10. self = [super initWithFrame:frame];
11. if (self) {
12. self.backgroundColor = [UIColorredColor];
13. [selfsetTitle:@"3" forState:UIControlStateNormal];
14. [selfaddTarget:self action:@selector(clicked) forControlEvents:UIControlEventTouchUpInside];
15. }
16. dispatch_queue_t queue = dispatch_queue_create("queue", NULL);
17. dispatch_async(queue, ^{
18. for(inti=2;i>=0;i--) {
19. [NSThread sleepForTimeInterval:1];
20. dispatch_async(dispatch_get_main_queue(), ^{
21. self.titleLabel.text =[NSStringstringWithFormat:@"%d",i];
22. });
23. }
24. if (self.tag!=1) {
25. dispatch_async(dispatch_get_main_queue(), ^{
26. [selfremoveFromSuperview];
27. [self.delegatechangeScoreWithSuccess:NO];
28. });
30. }
31. });
32. return self;
33. }

步骤三：搭建界面

首先在ViewController类的viewDidLoad方法中使用dispatch_queue_create函数创建一个调度队列并且异步执行，用于定时调用addMouse方法产生地鼠对象，然后返回主队列将产生的地鼠对象添加到界面，代码如下所示：

1. - (void)viewDidLoad {
2. [superviewDidLoad];
3. dispatch_queue_tmyQueue = dispatch_queue_create("myQueue", NULL);
4. dispatch_async(myQueue, ^{
5. for (inti=0;;i++) {
6. [NSThread sleepForTimeInterval:1];
7. dispatch_async(dispatch_get_main_queue(), ^{
8. CGSizescreenSize = [[UIScreenmainScreen]bounds].size;
9. TRMouse *mouse = [[TRMousealloc]initWithFrame:CGRectMake(arc4random()%(int)(screenSize.width-30), 50+arc4random()%(int)(screenSize.height-80), 30, 30)];
10. [self.viewaddSubview:mouse];
11. });
12. }
13. });
14. }

然后ViewController类遵守TRMouseDelegate协议，在创建TRMouse对象时将delegate指定为ViewController，代码如下所示：

 

1. - (void)viewDidLoad {
2. [superviewDidLoad];
3. dispatch_queue_tmyQueue = dispatch_queue_create("myQueue", NULL);
4. dispatch_async(myQueue, ^{
5. for (inti=0;;i++) {
6. [NSThread sleepForTimeInterval:1];
7. dispatch_async(dispatch_get_main_queue(), ^{
8. CGSizescreenSize = [[UIScreenmainScreen]bounds].size;
9. TRMouse *mouse = [[TRMousealloc]initWithFrame:CGRectMake(arc4random()%(int)(screenSize.width-30), 50+arc4random()%(int)(screenSize.height-80), 30, 30)];
10. mouse.delegate = self;
11. [self.viewaddSubview:mouse];
12. });
13. }
14. });
15. }

最后ViewController实现changeScoreWithSuccess:方法，根据isSucces参数修改successLabel和failLabel的显示内容：

1. -(void)changeScoreWithSuccess:(BOOL)isSuccess {
2. switch ((int)isSuccess) {
3. case 0:{
4. int count = [self.failLabel.textintValue];
5. self.failLabel.text = [NSStringstringWithFormat:@"%d",++count];
6. }
7. break;
8. case 1:{
9. int count = [self.successLabel.textintValue];
10. self.successLabel.text = [NSStringstringWithFormat:@"%d",++count];
11. }
12. }
13. }

1.4 完整代码

本案例中，ViewController.m文件中的完整代码如下所示：

 

1. #import "ViewController.h"
3. @interfaceViewController () <TRMouseDelegate>
4. @property (weak, nonatomic) IBOutletUILabel *successLabel;
5. @property (weak, nonatomic) IBOutletUILabel *failLabel;
6. @end
8. @implementationViewController
10. - (void)viewDidLoad {
11. [superviewDidLoad];
12. dispatch_queue_tmyQueue = dispatch_queue_create("myQueue", NULL);
13. dispatch_async(myQueue, ^{
14. for (inti=0;;i++) {
15. [NSThread sleepForTimeInterval:1];
16. dispatch_async(dispatch_get_main_queue(), ^{
17. CGSizescreenSize = [[UIScreenmainScreen]bounds].size;
18. TRMouse *mouse = [[TRMousealloc]initWithFrame:CGRectMake(arc4random()%(int)(screenSize.width-30), 50+arc4random()%(int)(screenSize.height-80), 30, 30)];
19. mouse.delegate = self;
20. [self.viewaddSubview:mouse];
21. });
22. }
23. });
24. }
26. -(void)changeScoreWithSuccess:(BOOL)isSuccess {
27. switch ((int)isSuccess) {
28. case 0:{
29. int count = [self.failLabel.textintValue];
30. self.failLabel.text = [NSStringstringWithFormat:@"%d",++count];
31. }
32. break;
33. case 1:{
34. int count = [self.successLabel.textintValue];
35. self.successLabel.text = [NSStringstringWithFormat:@"%d",++count];
36. }
37. }
38. }
39. @end

本案例中，TRMouse.h文件中的完整代码如下所示：

 

1. #import<UIKit/UIKit.h>
2. @protocolTRMouseDelegate
3. -(void)changeScoreWithSuccess:(BOOL)isSuccess;
4. @end
5. @interfaceTRMouse : UIButton
6. @property (nonatomic,assign) id<TRMouseDelegate> delegate;
7. @end

本案例中，TRMouse.m文件中的完整代码如下所示：

 

1. #import "TRMouse.h"
2. @interfaceTRMouse ()
3. @end
5. @implementationTRMouse
6. - (id)initWithFrame:(CGRect)frame
7. {
8. self = [super initWithFrame:frame];
9. if (self) {
10. self.backgroundColor = [UIColorredColor];
11. [selfsetTitle:@"3" forState:UIControlStateNormal];
12. [selfaddTarget:self action:@selector(clicked) forControlEvents:UIControlEventTouchUpInside];
13. }
14. dispatch_queue_t queue = dispatch_queue_create("queue", NULL);
15. dispatch_async(queue, ^{
16. for(inti=2;i>=0;i--) {
17. [NSThread sleepForTimeInterval:1];
18. dispatch_async(dispatch_get_main_queue(), ^{
19. self.titleLabel.text =[NSStringstringWithFormat:@"%d",i];
20. });
21. }
22. if (self.tag!=1) {
23. dispatch_async(dispatch_get_main_queue(), ^{
24. [selfremoveFromSuperview];
25. [self.delegatechangeScoreWithSuccess:NO];
26. });
28. }
29. });
30. return self;
31. }
32. - (void)clicked {
33. [selfremoveFromSuperview];
34. self.tag = 1;
35. [self.delegatechangeScoreWithSuccess:YES];
36. }
37. @end

2 使用GCD实现图片的异步下载

2.1 问题

本案例使用GCD实现图片的异步下载，边下载边将图片显示在界面上，如图-3所示：

图-3

2.2 方案

首先创建一个SingleViewApplication应用，在该应用中创建一个Utils类用于获取网络图片的url，该类有一个静态方法getImageUrlByWeb:，该方法通过一个网页的url获取网页html文件，再通过字符串的的分割获取到图片的url。

然后在Storyboard中拖放一个ScrollView控件并关联成ViewController的输出口属性showImages。再在ViewDidLoad方法中开启一个线程通过Utils的getImageUrlByWeb:方法获取图片的url。

最后依次访问图片的url获取图片数据，由于获取图片这是一个耗时操作所以需要再开启一个线程，然后回到主界面展示图片。

2.3 步骤

实现此案例需要按照如下步骤进行。

步骤一：获取网络图片的url

首先创建一个SingleViewApplication应用，在该应用中创建一个Utils类用于获取网络图片的url，该类有一个静态方法getImageUrlByWeb:，该方法通过一个网页的url获取网页html文件，再通过字符串的的分割获取到图片的url，代码如下所示：

 

1. +(NSMutableArray *)getImageUrlByWeb:(NSString *)url{
2. NSMutableArray *imageUrls = [NSMutableArray array];
3. NSStringEncodingenc = CFStringConvertEncodingToNSStringEncoding (kCFStringEncodingGB_18030_2000);
5. NSString *html = [NSStringstringWithContentsOfURL:[NSURL URLWithString:url] encoding:encerror:nil];
6. NSLog(@"%@",html);
7. NSArray *arr = [html componentsSeparatedByString:@"""];
8. for (NSString *str in arr) {
9. if ([strhasSuffix:@"jpg"]) {
10. if ([strrangeOfString:@"logo"].length>0) {
11. continue;
12. }
13. [imageUrlsaddObject:str];
15. }
16. }
17. returnimageUrls;
18. }

步骤二：开启线程获取网络图片的url

在Storyboard中拖放一个ScrollView控件并关联成ViewController的输出口属性showImages，代码如下所示：

 

1. @interfaceViewController ()
2. @property (weak, nonatomic) IBOutletUIScrollView *showImages;
3. @end

再在ViewDidLoad方法中开启一个线程通过Utils的getImageUrlByWeb:方法获取图片的url，代码如下所示：

 

1. - (void)viewDidLoad
2. {
3. [superviewDidLoad];
4. NSMutableArray *urls = [NSMutableArray array];
5. dispatch_queue_t q1 = dispatch_queue_create("", nil);
6. dispatch_async(q1, ^{
7. for (inti=1; i<50; i++) {
8. [urlsaddObjectsFromArray: [UtilsgetImageUrlByWeb:[NSString stringWithFormat:@"http://wallpaper.pconline.com.cn/list/1_%d_des1.html",i]]];
9. }
10. });
11. }

步骤三：开启线程获取图片数据

依次访问图片的url获取图片数据，由于获取图片这是一个耗时操作所以需要再开启一个线程，然后回到主界面展示图片，代码如下所示：

 

1. -(void)download:(NSMutableArray *)urls{
2. [self.showImagessetContentSize:CGSizeMake(320, 80*((urls.count/4)+1))];
3. dispatch_queue_t queue = dispatch_queue_create("myQueue", NULL);
4. for (inti=0; i<urls.count; i++) {
5. NSString *imageUrl = [urlsobjectAtIndex:i];
6. dispatch_async(queue, ^{
7. NSData *data = [NSDatadataWithContentsOfURL:[NSURL URLWithString:imageUrl]];
8. dispatch_async(dispatch_get_main_queue(), ^{
9. UIImageView *iv = [[UIImageViewalloc]initWithFrame:CGRectMake(i%4*80, i/4*80, 80, 80)];
10. iv.alpha = 0;
11. iv.image = [UIImageimageWithData:data];
12. [self.showImagesaddSubview:iv];
13. [UIViewbeginAnimations:nilcontext:nil];
14. [UIView setAnimationDuration:.5];
15. [UIViewsetAnimationCurve:UIViewAnimationCurveEaseIn];
16. iv.alpha = 1;
17. [UIViewcommitAnimations];
19. });
20. });
21. }
22. }

2.4 完整代码

本案例中，ViewController.m文件中的完整代码如下所示：

 

1. #import "ViewController.h"
2. #import "Utils.h"
3. @interfaceViewController ()
4. @property (weak, nonatomic) IBOutletUIScrollView *showImages;
5. @end
7. @implementationViewController
9. - (void)viewDidLoad
10. {
11. [superviewDidLoad];
12. NSMutableArray *urls = [NSMutableArray array];
13. dispatch_queue_t q1 = dispatch_queue_create("", nil);
14. dispatch_async(q1, ^{
15. for (inti=1; i<50; i++) {
16. [urlsaddObjectsFromArray: [UtilsgetImageUrlByWeb:[NSString stringWithFormat:@"http://wallpaper.pconline.com.cn/list/1_%d_des1.html",i]]];
17. }
18. NSLog(@"%d",urls.count);
19. [selfdownload:urls];
20. });
21. }
23. -(void)download:(NSMutableArray *)urls{
24. [self.showImagessetContentSize:CGSizeMake(320, 80*((urls.count/4)+1))];
25. dispatch_queue_t queue = dispatch_queue_create("myQueue", NULL);
26. for (inti=0; i<urls.count; i++) {
27. NSString *imageUrl = [urlsobjectAtIndex:i];
28. dispatch_async(queue, ^{
29. NSData *data = [NSDatadataWithContentsOfURL:[NSURL URLWithString:imageUrl]];
30. dispatch_async(dispatch_get_main_queue(), ^{
31. UIImageView *iv = [[UIImageViewalloc]initWithFrame:CGRectMake(i%4*80, i/4*80, 80, 80)];
32. iv.alpha = 0;
33. iv.image = [UIImageimageWithData:data];
34. [self.showImagesaddSubview:iv];
35. [UIViewbeginAnimations:nilcontext:nil];
36. [UIView setAnimationDuration:.5];
37. [UIViewsetAnimationCurve:UIViewAnimationCurveEaseIn];
38. iv.alpha = 1;
39. [UIViewcommitAnimations];
41. });
42. });
43. }
44. }
45. @end

本案例中，Utils.m文件中的完整代码如下所示：

 

1. #import "Utils.h"
3. @implementationUtils
4. +(NSMutableArray *)getImageUrlByWeb:(NSString *)url{
5. NSMutableArray *imageUrls = [NSMutableArray array];
6. NSStringEncodingenc = CFStringConvertEncodingToNSStringEncoding (kCFStringEncodingGB_18030_2000);
8. NSString *html = [NSStringstringWithContentsOfURL:[NSURL URLWithString:url] encoding:encerror:nil];
9. NSLog(@"%@",html);
10. NSArray *arr = [html componentsSeparatedByString:@"""];
11. for (NSString *str in arr) {
12. if ([strhasSuffix:@"jpg"]) {
13. if ([strrangeOfString:@"logo"].length>0) {
14. continue;
15. }
16. [imageUrlsaddObject:str];
18. }
19. }
20. returnimageUrls;
21. }
22. @end