MBProgressHUD的使用 iOS

浏览数：21 / 时间：2015年06月11日

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

技术分享

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

技术分享

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

[cpp] view plaincopy
#import <UIKit/UIKit.h>  
#import "MBProgressHUD.h"  
  
@interface ViewController : UIViewController  
{  
    //HUD（Head-Up Display，意思是抬头显示的意思）  
    MBProgressHUD *HUD;  
}  
  
- (IBAction)showTextDialog:(id)sender;  
- (IBAction)showProgressDialog:(id)sender;  
- (IBAction)showProgressDialog2:(id)sender;  
- (IBAction)showCustomDialog:(id)sender;  
- (IBAction)showAllTextDialog:(id)sender;  
  
@end  

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

[cpp] view plaincopy
- (IBAction)showTextDialog:(id)sender {  
    //初始化进度框，置于当前的View当中  
    HUD = [[MBProgressHUD alloc] initWithView:self.view];  
    [self.view addSubview:HUD];  
      
    //如果设置此属性则当前的view置于后台  
    HUD.dimBackground = YES;  
      
    //设置对话框文字  
    HUD.labelText = @"请稍等";  
      
    //显示对话框  
    [HUD showAnimated:YES whileExecutingBlock:^{  
        //对话框显示时需要执行的操作  
        sleep(3);  
    } completionBlock:^{  
        //操作执行完后取消对话框  
        [HUD removeFromSuperview];  
        [HUD release];  
        HUD = nil;  
    }];  
}  
  
- (IBAction)showProgressDialog:(id)sender {  
    HUD = [[MBProgressHUD alloc] initWithView:self.view];  
    [self.view addSubview:HUD];  
    HUD.labelText = @"正在加载";  
      
    //设置模式为进度框形的  
    HUD.mode = MBProgressHUDModeDeterminate;  
    [HUD showAnimated:YES whileExecutingBlock:^{  
        float progress = 0.0f;  
        while (progress < 1.0f) {  
            progress += 0.01f;  
            HUD.progress = progress;  
            usleep(50000);  
        }  
    } completionBlock:^{  
        [HUD removeFromSuperview];  
        [HUD release];  
        HUD = nil;  
    }];  
}  
  
- (IBAction)showProgressDialog2:(id)sender {  
    HUD = [[MBProgressHUD alloc] initWithView:self.view];  
    [self.view addSubview:HUD];  
    HUD.labelText = @"正在加载";  
    HUD.mode = MBProgressHUDModeAnnularDeterminate;  
      
    [HUD showAnimated:YES whileExecutingBlock:^{  
        float progress = 0.0f;  
        while (progress < 1.0f) {  
            progress += 0.01f;  
            HUD.progress = progress;  
            usleep(50000);  
        }  
    } completionBlock:^{  
        [HUD removeFromSuperview];  
        [HUD release];  
        HUD = nil;  
    }];  
}  
  
- (IBAction)showCustomDialog:(id)sender {  
    HUD = [[MBProgressHUD alloc] initWithView:self.view];  
    [self.view addSubview:HUD];  
    HUD.labelText = @"操作成功";  
    HUD.mode = MBProgressHUDModeCustomView;  
    HUD.customView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Checkmark"]] autorelease];  
    [HUD showAnimated:YES whileExecutingBlock:^{  
        sleep(2);  
    } completionBlock:^{  
        [HUD removeFromSuperview];  
        [HUD release];  
        HUD = nil;  
    }];  
      
}  
  
- (IBAction)showAllTextDialog:(id)sender {  
    HUD = [[MBProgressHUD alloc] initWithView:self.view];  
    [self.view addSubview:HUD];  
    HUD.labelText = @"操作成功";  
    HUD.mode = MBProgressHUDModeText;  
      
    //指定距离中心点的X轴和Y轴的偏移量，如果不指定则在屏幕中间显示  
//    HUD.yOffset = 150.0f;  
//    HUD.xOffset = 100.0f;  
      
    [HUD showAnimated:YES whileExecutingBlock:^{  
        sleep(2);  
    } completionBlock:^{  
        [HUD removeFromSuperview];  
        [HUD release];  
        HUD = nil;  
    }];  
}  