您的位置:首页 > 移动开发 > IOS开发

ios第三方库MBProgressHUD

2013-10-30 22:56 197 查看
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的形式来操作的,这样写起代码来更直观也更高效。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  MBProgressHUD