iOS MBProgressHUD 之带底板的加载提示

文章来自：http://blog.csdn.net/ryantang03/article/details/7877120

MBProgressHUD是一个开源项目，实现了很多种样式的提示框，使用上简单、方便，并且可以对显示的内容进行自定义，功能很强大，很多项目中都有使用到。到GitHub上可以下载到项目源码https://github.com/jdg/MBProgressHUD，下载下来后直接把MBProgressHUD.h和MBProgressHUD.m拖入工程中就行，别忘了选择拷贝到工程。完了在需要使用的地方导入头文件就可以开始使用了。首先看下工程截图：

接下来是整个Demo的完整界面，这里我只选择出了几个常用的对话框，其他样式的在源码提供的Demo里可以找到，要用的话直接参考就可以。

接下来直接上代码了，头文件部分：

1. #import <UIKit/UIKit.h>
2. #import "MBProgressHUD.h"
3. @interface ViewController : UIViewController
4. {
5. //HUD（Head-Up Display，意思是抬头显示的意思）
6. MBProgressHUD *HUD;
7. }
8. - (IBAction)showTextDialog:(id)sender;
9. - (IBAction)showProgressDialog:(id)sender;
10. - (IBAction)showProgressDialog2:(id)sender;
11. - (IBAction)showCustomDialog:(id)sender;
12. - (IBAction)showAllTextDialog:(id)sender;
13. @end

实现文件（按钮实现部分）：

1. - (IBAction)showTextDialog:(id)sender {
2. //初始化进度框，置于当前的View当中
3. HUD = [[MBProgressHUD alloc] initWithView:self.view];
4. [self.view addSubview:HUD];
5. //如果设置此属性则当前的view置于后台
6. HUD.dimBackground = YES;
7. //设置对话框文字
8. HUD.labelText = @"请稍等";
9. //显示对话框
10. [HUD showAnimated:YES whileExecutingBlock:^{
11. //对话框显示时需要执行的操作
12. sleep(3);
13. } completionBlock:^{
14. //操作执行完后取消对话框
15. [HUD removeFromSuperview];
16. [HUD release];
17. HUD = nil;
18. }];
19. }
20. - (IBAction)showProgressDialog:(id)sender {
21. HUD = [[MBProgressHUD alloc] initWithView:self.view];
22. [self.view addSubview:HUD];
23. HUD.labelText = @"正在加载";
24. //设置模式为进度框形的
25. HUD.mode = MBProgressHUDModeDeterminate;
26. [HUD showAnimated:YES whileExecutingBlock:^{
27. float progress = 0.0f;
28. while (progress < 1.0f) {
29. progress += 0.01f;
30. HUD.progress = progress;
31. usleep(50000);
32. }
33. } completionBlock:^{
34. [HUD removeFromSuperview];
35. [HUD release];
36. HUD = nil;
37. }];
38. }
39. - (IBAction)showProgressDialog2:(id)sender {
40. HUD = [[MBProgressHUD alloc] initWithView:self.view];
41. [self.view addSubview:HUD];
42. HUD.labelText = @"正在加载";
43. HUD.mode = MBProgressHUDModeAnnularDeterminate;
44. [HUD showAnimated:YES whileExecutingBlock:^{
45. float progress = 0.0f;
46. while (progress < 1.0f) {
47. progress += 0.01f;
48. HUD.progress = progress;
49. usleep(50000);
50. }
51. } completionBlock:^{
52. [HUD removeFromSuperview];
53. [HUD release];
54. HUD = nil;
55. }];
56. }
57. - (IBAction)showCustomDialog:(id)sender {
58. HUD = [[MBProgressHUD alloc] initWithView:self.view];
59. [self.view addSubview:HUD];
60. HUD.labelText = @"操作成功";
61. HUD.mode = MBProgressHUDModeCustomView;
62. HUD.customView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Checkmark"]] autorelease];
63. [HUD showAnimated:YES whileExecutingBlock:^{
64. sleep(2);
65. } completionBlock:^{
66. [HUD removeFromSuperview];
67. [HUD release];
68. HUD = nil;
69. }];
70. }
71. - (IBAction)showAllTextDialog:(id)sender {
72. HUD = [[MBProgressHUD alloc] initWithView:self.view];
73. [self.view addSubview:HUD];
74. HUD.labelText = @"操作成功";
75. HUD.mode = MBProgressHUDModeText;
76. //指定距离中心点的X轴和Y轴的偏移量，如果不指定则在屏幕中间显示
77. //    HUD.yOffset = 150.0f;
78. //    HUD.xOffset = 100.0f;
79. [HUD showAnimated:YES whileExecutingBlock:^{
80. sleep(2);
81. } completionBlock:^{
82. [HUD removeFromSuperview];
83. [HUD release];
84. HUD = nil;
85. }];
86. }

依次实现的效果如下：

               

               

下面这个效果就类似Android中的Toast：

以上就简单介绍了MBProgressHUD的使用，这里都是采用block的形式来操作的，这样写起代码来更直观也更高效。