IOS学习之提示框第三方库之MBProgressHUD-白红宇

IOS学习之提示框第三方库之MBProgressHUD

阅读量：4107 次

发布时间：2019-05-25

本文共 2919 字，大约阅读时间需要 9 分钟。

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

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

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

[cpp]
 #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]
 - (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的形式来操作的，这样写起代码来更直观也更高效。

转自: http://blog.csdn.net/ryantang03/article/details/7877120

你可能感兴趣的文章