IOS学习笔记29—提示框第三方库之MBProgressHUD

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

                                                                

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

                                                                        

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

#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

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

- (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;
    }];
}

依次实现的效果以下：

                          

                          

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

                                                     

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

加入咱们的QQ群或微信公众帐号请查看：Ryan's zone公众帐号及QQ群

欢迎关注个人新浪微博和我交流：@唐韧_Ryan