MBProgressHUD的使用

来源：互联网发布：天猫和淘宝质量一样吗编辑：程序博客网时间：2024/06/04 20:56

转载地址：http://blog.csdn.net/tangren03/article/details/7877120

有一个属性可以设置MBProgressHUD的显示方式：使MBProgressHUD显示时，可以执行别的动作，不锁定屏幕

即：HUD.userInteractionEnabled =NO;默认该值为YES锁定屏幕的（即显示HUD时界面不响应别的动作）

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

依次实现的效果如下：

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

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

对Android&IOS感兴趣的朋友可以加入我们的讨论QQ群，在这里，我们只讨论干货：

iOS群：220223507

Android群：282552849

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

0 0