iOS开发之MBProgressHUD的使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yubo_725/article/details/51153178

MBProgressHUD是iOS中的一个第三方库,主要是在界面上显示一个加载的进度框或者提示框,如下图所示:

    

 

下面就记录一下使用MBProgressHUD的方法:

1、导入MBProgressHUD到项目中

这里使用cocoapods导入,Podfile文件的内容如下:

 

 

 

 

如果不清楚MBProgressHUD的版本是多少,可以在终端下执行pod search MBProgressHUD命令,即可显示出当前的MBProgressHUD的最新版本,如下图所示:

 

 

 

2、在代码中使用MBProgressHUD

首先在头文件中声明一个MBProgressHUD变量,需要引入相应的头文件,ViewController.h文件的代码如下:

 

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad]; ////初始化MBProgressHUD

    self.progressHUD = [[MBProgressHUD alloc] initWithView:self.view];//  self.progressHUD.mode = MBProgressHUDModeIndeterminate;    self.progressHUD.progress = 0.4;    //添加ProgressHUD到界面中    [self.view addSubview:self.progressHUD];

    

}

#pragma mark - 显示进度框

-(void)showProgress:(id)sender {

    self.progressHUD.dimBackground = NO; //设置有遮罩    self.progressHUD.labelText = @"加载中..."; //设置进度框中的提示文字    [self.progressHUD show:YES]; //显示进度框

    

}

- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.

    

}

@end

 

---------------------

 

本文来自 yubo_725 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/yubo_725/article/details/51153178?utm_source=copy

 

其中,MBProgressHUD有一些配置项,下面分别说明:

(1)self.progressHUD.dimBackground配置项。该项主要配置对话框是否有遮罩,取值为YES  /   NO,下面两张图是该配置项的区别:

 

 `  

 

(2)self.progressHUD.mode配置项。该配置项有6种不同的取值,分别对应6中不同形状的进度框,取值有下面6种:

       

typedef NS_ENUM(NSInteger, MBProgressHUDMode) {

    /** Progress is shown using an UIActivityIndicatorView. This is the default. */

     MBProgressHUDModeIndeterminate,    /** Progress is shown using a round, pie-chart like, progress view. */

     MBProgressHUDModeDeterminate,    /** Progress is shown using a horizontal progress bar */       MBProgressHUDModeDeterminateHorizontalBar,    /** Progress is shown using a ring-shaped progress view. */            MBProgressHUDModeAnnularDeterminate,    /** Shows a custom view */   

   MBProgressHUDModeCustomView,    /** Shows only labels */    MBProgressHUDModeText

};

对应的进度框如下图所示:

       

 

      

 

 

还有一种mode为MBProgressHUDModeCustomView,即自定义的View。

隐藏进度框需要调用下面的方法:

 

[self.progressHUD hide:YES];

[self.progressHUD hide:YES afterDelay:5];

其中第一个方法是立即隐藏进度框,第二个方法是延迟5秒再隐藏进度框。

 

3、self.progressHUD.progress属性。该属性配置的是进度框中显示的进度,取值为0-1

 

posted @ 2018-09-21 10:27  sundaysios  阅读(370)  评论(0)    收藏  举报