IOS之MBProgressHUD特效学习

在开源中国iOS客户端中也用到了MBProgressHUD这个特效，主要作用为应用显示一个过渡的作用，常用于打开一个联网页面加载过程，防止出现假死现象，如果网速慢则告诉用户已经在很努力很努力的加载中。

GitHub上下载地址：https://github.com/jdg/MBProgressHUD

源码中也自带了一个Demo,显示13中动画效果，可以根据需要选取其中特效加以使用，使用方法基本一样；使用的时候只加把MBProgressHUD.h和MBProgressHUD.m拖入工程中，在使用的文件中加上#import"MBProgressHUD.h"

在开源中国iOS客户端中只用到一种特效,当我们选取一条资讯查看详细信息时：

我们在跳转到实现的代码部分，在NewsDetail.m的clickFavorite和viewDidLoad方法中

[cpp] view plaincopy

1. - (void)clickFavorite:(id)sender
2. {
3. UIBarButtonItem * btn = (UIBarButtonItem *)sender;
4. BOOL isFav = [btn.title isEqualToString:@"收藏此文"];
5. MBProgressHUD *hud = [[MBProgressHUD alloc] initWithView:self.view];
6. [Tool showHUD:isFav ? @"正在添加收藏":@"正在删除收藏" andView:self.view andHUD:hud];
7. [[AFOSCClient sharedClient]getPath:isFav ? api_favorite_add : api_favorite_delete
8. parameters:[NSDictionary dictionaryWithObjectsAndKeys:
9. [NSString stringWithFormat:@"%d", [Config Instance].getUID],@"uid",
10. [NSString stringWithFormat:@"%d", newsID],@"objid",
11. @"4",@"type", nil] success:^(AFHTTPRequestOperation *operation, id responseObject) {
12. [hud hide:YES];
13. [Tool getOSCNotice2:operation.responseString];
14. ApiError *error = [Tool getApiError2:operation.responseString];
15. if (error == nil) {
16. [Tool ToastNotification:operation.responseString andView:self.view andLoading:NO andIsBottom:NO];
17. return ;
18. }
19. switch (error.errorCode)
20. {
21. case 1:
22. {
23. btnFavorite.title = isFav ? @"取消收藏" : @"收藏此文";
24. self.singleNews.favorite = !self.singleNews.favorite;
25. }
26. break;
27. case 0:
28. case -2:
29. case -1:
30. {
31. [Tool ToastNotification:[NSString stringWithFormat:@"错误 %@",error.errorMessage] andView:self.view andLoading:NO andIsBottom:NO];
32. }
33. break;
34. }
35. } failure:^(AFHTTPRequestOperation *operation, NSError *error) {
36. [hud hide:YES];
37. [Tool ToastNotification:@"添加收藏失败" andView:self.view andLoading:NO andIsBottom:NO];
38. }];
39. }

[cpp] view plaincopy

1. - (void)viewDidLoad
2. {
3. [super viewDidLoad];
4. self.tabBarItem.title = @"资讯详情";
5. self.tabBarItem.image = [UIImage imageNamed:@"detail"];
6. //WebView的背景颜色去除
7. [Tool clearWebViewBackground:self.webView];
8. self.singleNews = [[SingleNews alloc] init];
9. self.navigationController.title = @"资讯详情";
10. self.webView.delegate = self;
11. [self.webView loadHTMLString:@"" baseURL:nil];
12. if ([Config Instance].isNetworkRunning)
13. {
14. MBProgressHUD *hud = [[MBProgressHUD alloc] initWithView:self.view];
15. [Tool showHUD:@"正在加载" andView:self.view andHUD:hud];
16. NSString *url = [NSString stringWithFormat:@"%@?id=%d",api_news_detail, newsID];
17. [[AFOSCClient sharedClient] getPath:url parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) {
18. [Tool getOSCNotice2:operation.responseString];
19. [hud hide:YES];
20. self.singleNews = [Tool readStrNewsDetail:operation.responseString];
21. if (self.singleNews == nil) {
22. [Tool ToastNotification:@"加载失败" andView:self.view andLoading:NO andIsBottom:NO];
23. return;
24. }
25. [self loadData:self.singleNews];
26. //如果有网络 则缓存它
27. if ([Config Instance].isNetworkRunning)
28. {
29. [Tool saveCache:1 andID:self.singleNews._id andString:operation.responseString];
30. }
31. } failure:^(AFHTTPRequestOperation *operation, NSError *error) {
32. [hud hide:YES];
33. if ([Config Instance].isNetworkRunning) {
34. [Tool ToastNotification:@"错误 网络无连接" andView:self.view andLoading:NO andIsBottom:NO];
35. }
36. }];
37. }
38. else
39. {
40. NSString *value = [Tool getCache:1 andID:newsID];
41. if (value) {
42. self.singleNews = [Tool readStrNewsDetail:value];
43. [self loadData:self.singleNews];
44. }
45. else {
46. [Tool ToastNotification:@"错误 网络无连接" andView:self.view andLoading:NO andIsBottom:NO];
47. }
48. }
49. }

分析viewDidLoad方法，

首先是判断网络是否连通状态，如果是

定义在当前的view中定义一个MBProgressHUD对象，进行初始化

[ToolshowHUD:@"正在加载" andView:self.viewandHUD:hud];是在Tool类里面进行的一次封装，设置MBProgressHUD的显示信息

[cpp] view plaincopy

1. + (void)showHUD:(NSString *)text andView:(UIView *)view andHUD:(MBProgressHUD *)hud
2. {
3. [view addSubview:hud];
4. hud.labelText = text;//显示提示
5. hud.dimBackground = YES;//使背景成黑灰色，让MBProgressHUD成高亮显示
6. hud.square = YES;//设置显示框的高度和宽度一样
7. [hud show:YES];
8. }

然后在用到AFNetWork类库的getPath:parameters:success:failure:方法，嵌套在block块中判断请求的url是否成功，在执行[Tool getOSCNotice2:operation.responseString];这个方法也是封装在Tool类中，封装的是TBXML解析器，如果解析成功立即设置MBProgressHUD隐藏属性[hud hide:YES];如果请求的url不成功直接设置MBProgressHUD隐藏属性[hud hide:YES]，再用GCDiscreetNotificationView进行通知“错误 网络无连接”;