MBProgressHUD
2015-08-11 13:35
204 查看
MBProgressHUD是一个开源项目,实现了很多种样式的提示框,使用上简单、方便,并且可以对显示的内容进行自定义,功能很强大,很多项目中都有使用到。到GitHub上可以下载到项目源码https://github.com/jdg/MBProgressHUD,下载下来后直接把MBProgressHUD.h和MBProgressHUD.m拖入工程中就行,别忘了选择拷贝到工程。完了在需要使用的地方导入头文件就可以开始使用了。首先看下工程截图:
![](http://my.csdn.net/uploads/201208/17/1345183612_5926.png)
接下来是整个Demo的完整界面,这里我只选择出了几个常用的对话框,其他样式的在源码提供的Demo里可以找到,要用的话直接参考就可以。
![](http://my.csdn.net/uploads/201208/17/1345183646_6447.png)
接下来直接上代码了,头文件部分:
[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;
}];
}
依次实现的效果如下:
![](http://my.csdn.net/uploads/201208/17/1345183741_3963.png)
![](http://my.csdn.net/uploads/201208/17/1345183751_1871.png)
![](http://my.csdn.net/uploads/201208/17/1345183774_1121.png)
![](http://my.csdn.net/uploads/201208/17/1345183782_4707.png)
下面这个效果就类似Android中的Toast:
![](http://my.csdn.net/uploads/201208/17/1345183806_5753.png)
以上就简单介绍了MBProgressHUD的使用,这里都是采用block的形式来操作的,这样写起代码来更直观也更高效。
![](http://my.csdn.net/uploads/201208/17/1345183612_5926.png)
接下来是整个Demo的完整界面,这里我只选择出了几个常用的对话框,其他样式的在源码提供的Demo里可以找到,要用的话直接参考就可以。
![](http://my.csdn.net/uploads/201208/17/1345183646_6447.png)
接下来直接上代码了,头文件部分:
[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;
}];
}
依次实现的效果如下:
![](http://my.csdn.net/uploads/201208/17/1345183741_3963.png)
![](http://my.csdn.net/uploads/201208/17/1345183751_1871.png)
![](http://my.csdn.net/uploads/201208/17/1345183774_1121.png)
![](http://my.csdn.net/uploads/201208/17/1345183782_4707.png)
下面这个效果就类似Android中的Toast:
![](http://my.csdn.net/uploads/201208/17/1345183806_5753.png)
以上就简单介绍了MBProgressHUD的使用,这里都是采用block的形式来操作的,这样写起代码来更直观也更高效。
相关文章推荐
- unity canvas text显示及其角色伤害TextMesh显示
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- OAF学习笔记-1-空 和 % 查询所有记录
- 更改rust工程依赖库的代码放置路径
- 迷宫探索
- POJ 3751 时间日期格式转换
- 关于c# 与sql server 2008数据库连接
- Oracle110个常用函数
- owl-carousel轮播插件的使用