IOS学习笔记29—提示框第三方库之MBProgressHUD

原创 2012年08月17日 13:59:37

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



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

产品学习笔记6—MVP产品理念

做互联网产品,有一个很重要的特点,那就是快速变化。每天,甚至每个小时,市场和用户都在发生着快速的变化。对于互联网产品设计者来说,如何保持对变化的快速响应和应对成为了产品在市场上能否取得一席之地的关键标...
  • tangren03
  • tangren03
  • 2016-03-26 12:54:08
  • 2293

Android studio 如何创建创建第三方库生成自己的jar(Module)

1.创建moulde (1)File --- New Moudle File --- New Moudle1.png (2)选择Android Library --- Nex...
  • qq_17007915
  • qq_17007915
  • 2017-08-30 09:13:20
  • 218

IOS学习笔记29—提示框第三方库之MBProgressHUD

MBProgressHUD是一个开源项目,实现了很多种样式的提示框,使用上简单、方便,并且可以对显示的内容进行自定义,功能很强大,很多项目中都有使用到。到GitHub上可以下载到项目源码https:/...
  • tangren03
  • tangren03
  • 2012-08-17 13:59:37
  • 69971

MBProgressHUD的基本使用

和gitHub上的Demo其实差不多,就是小整理了下,当备忘,想做复杂的效果可以参考MBProgressHUD在gitHub上的DEMO,写得也很清楚明了。 先下载MBProgressHUD.h和....
  • qjlhlh
  • qjlhlh
  • 2012-10-30 11:19:52
  • 117043

MBProgressHUD.h使用详解

在这里我会有2种对MBProgressHUD.h的封装,一般情况会放到工程的BaseViewController中去, 1种是弹框覆盖全屏,2是弹框后导航栏上按钮可点击 首先文件.h中声明方法 ...
  • ZhaiAlan
  • ZhaiAlan
  • 2016-08-27 12:02:32
  • 1093

MBProgressHUD

11st,September,2016 Version 1.0.0 github地址 MBProgressHUD is an iOS drop-in class that displays a...
  • Jolie_Yang
  • Jolie_Yang
  • 2016-09-11 18:04:52
  • 673

MBProgressHUD 使用详解

MBProgressHUD是一个显示HUD窗口的第三方类库,用于在执行一些后台任务时,在程序中显示一个表示进度的loading视图和两个可选的文本提示的HUD窗口。我想最多是应用在加载网络数据的时候。...
  • mazegong
  • mazegong
  • 2016-04-21 13:38:42
  • 27498

MBProgressHUD 详解

今天开发遇到的问题,用C#语言开发iOS 应用程序,本来都不怎熟悉,今天又遇到了这个MBProgressHUD 自定义坐标的问题,在网上查看之后,有了解决办法,纪录下来,工作中的小问题。 MBP...
  • LiChang719
  • LiChang719
  • 2015-10-22 16:02:35
  • 1666

IOS 第三方库之-MBProgressHUD的使用详解

1,MBProgressHUD常用属性和用法Demo - (void)testMBProgressHUD { NSLog(@"test MBProgressHUD "); /* ...
  • walden00
  • walden00
  • 2015-09-24 15:46:22
  • 2914

iOS开发之MBProgressHUD的使用

MBProgressHUD是iOS中的一个第三方库,主要是在界面上显示一个加载的进度框或者提示框,如下图所示:                下面就记录一下使用MBProgressHUD的方法: 1...
  • yubo_725
  • yubo_725
  • 2016-04-14 17:40:04
  • 7041
收藏助手
不良信息举报
您举报文章:IOS学习笔记29—提示框第三方库之MBProgressHUD
举报原因:
原因补充:

(最多只允许输入30个字)