首页 > 代码库 > IOS学习笔记29—提示框第三方库之MBProgressHUD
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
IOS学习笔记29—提示框第三方库之MBProgressHUD