MBProgressHUD是一個開源項目矢洲,實現(xiàn)了很多種樣式的提示框,使用上簡單足陨、方便嫂粟,并且可以對顯示的內(nèi)容進行自定義,功能很強大钠右,很多項目中都有使用到赋元。到GitHub上可以下載到項目源碼https://github.com/jdg/MBProgressHUD,下載下來后直接把MBProgressHUD.h和MBProgressHUD.m拖入工程中就行飒房,別忘了選擇拷貝到工程搁凸。完了在需要使用的地方導(dǎo)入頭文件就可以開始使用了。首先看下工程截圖:
接下來是整個Demo的完整界面狠毯,這里我只選擇出了幾個常用的對話框护糖,其他樣式的在源碼提供的Demo里可以找到,要用的話直接參考就可以嚼松。
接下來直接上代碼了嫡良,頭文件部分:
#import?
#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
實現(xiàn)文件(按鈕實現(xiàn)部分):
-?(IBAction)showTextDialog:(id)sender?{
//初始化進度框,置于當(dāng)前的View當(dāng)中
HUD?=?[[MBProgressHUD?alloc]?initWithView:self.view];
[self.view?addSubview:HUD];
//如果設(shè)置此屬性則當(dāng)前的view置于后臺
HUD.dimBackground?=?YES;
//設(shè)置對話框文字
HUD.labelText?=?@"請稍等";
//顯示對話框
[HUD?showAnimated:YES?whileExecutingBlock:^{
//對話框顯示時需要執(zhí)行的操作
sleep(3);
}?completionBlock:^{
//操作執(zhí)行完后取消對話框
[HUD?removeFromSuperview];
[HUD?release];
HUD?=?nil;
}];
}
-?(IBAction)showProgressDialog:(id)sender?{
HUD?=?[[MBProgressHUD?alloc]?initWithView:self.view];
[self.view?addSubview:HUD];
HUD.labelText?=?@"正在加載";
//設(shè)置模式為進度框形的
HUD.mode?=?MBProgressHUDModeDeterminate;
[HUD?showAnimated:YES?whileExecutingBlock:^{
floatprogress?=?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:^{
floatprogress?=?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;
}];
}
依次實現(xiàn)的效果如下:
下面這個效果就類似Android中的Toast:
以上就簡單介紹了MBProgressHUD的使用坷牛,這里都是采用block的形式來操作的,這樣寫起代碼來更直觀也更高效很澄。