MBProgressHUD的简单易用封装和踩得坑

最新推荐文章于 2023-12-30 19:16:46 发布
置顶 最新推荐文章于 2023-12-30 19:16:46 发布
阅读量689 收藏
点赞数
分类专栏： 第三方库 SDK应用 视图相关 文章标签： HUD MBProgressHUD封装 loading 进度框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012877287/article/details/89383170
版权

话不多说 先上代码

  1. 根据我当前的项目需求，大致需要三种样式的HUD：菊花转、提示框、上传下载进度展示。为了方便使用，抽成了C方法，头文件部分如下。

@interface MBProgressHUD (YTTool)

/** 显示仅有菊花的loading框 到 window   HUD是否需要霸屏 */
extern void HUDShowOnlyLoading(BOOL canEnabled);
/** 显示仅有菊花的loading框 到 superView    HUD是否需要霸屏 */
extern void HUDShowOnlyLoadingToView(BOOL canEnabled, UIView *superView);
/** 显示仅有菊花的loading框 到 superView atime 秒   HUD是否需要霸屏 */
extern void HUDShowOnlyLoadingToViewATime(BOOL canEnabled, UIView *superView, CGFloat atime);


/** 显示自动消失的提示框到 window */
extern void HUDShowTips(NSString *msg,BOOL canEnabled);
/** 显示自动消失的提示框到 superView 2 秒 */
extern void HUDShowTipsToView(BOOL canEnabled, NSString *msg,UIView *superView);
/** 显示自动消失的提示框到 superView aTime 秒 */
extern void HUDShowTipsToViewATime(BOOL canEnabled, NSString *msg, UIView *superView, CGFloat aTime);


/** 显示上传或下载圆环进度框 */
extern void HUDShowDownLoadProgress(CGFloat progress);
extern void HUDShowProgress(NSString *msg, CGFloat progress);
extern void HUDShowProgressToView(NSString *msg, CGFloat progress, UIView *superView);


 /** 隐藏所有HUD */
extern void HideHUD(UIView *view);

@end
  1. 具体实现如下：

@implementation MBProgressHUD (FYTool)
#pragma mark - loading
/** 显示仅有菊花的loading框 到 window HUD是否需要霸屏 */
void HUDShowOnlyLoading(BOOL canEnabled) {
    if (![NSThread isMainThread]) {
        dispatch_async(dispatch_get_main_queue(), ^{
            [MBProgressHUD showLoadingStyleHUDWith:canEnabled withSuperView:KEYWINDOW withShowTime:0];
        });
    }else [MBProgressHUD showLoadingStyleHUDWith:canEnabled withSuperView:KEYWINDOW withShowTime:0];
}
/** 显示仅有菊花的loading框 到 superView HUD是否需要霸屏 */
void HUDShowOnlyLoadingToView(BOOL canEnabled, UIView *superView) {
    if (![NSThread isMainThread]) {
        @weakObj(superView)
        dispatch_async(dispatch_get_main_queue(), ^{
            @strongObj(superView)
            [MBProgressHUD showLoadingStyleHUDWith:canEnabled withSuperView:strongSelf withShowTime:0];
        });
    }else [MBProgressHUD showLoadingStyleHUDWith:canEnabled withSuperView:superView withShowTime:0];
}
/** 显示仅有菊花的loading框 到 superView atime 秒 HUD是否需要霸屏 */
void HUDShowOnlyLoadingToViewATime(BOOL canEnabled, UIView *superView, CGFloat atime){
    if (![NSThread isMainThread]) {
        @weakObj(superView)
        dispatch_async(dispatch_get_main_queue(), ^{
            @strongObj(superView)
            [MBProgressHUD showLoadingStyleHUDWith:canEnabled withSuperView:strongSelf withShowTime:atime];
        });
    }else [MBProgressHUD showLoadingStyleHUDWith:canEnabled withSuperView:superView withShowTime:atime];
}

#pragma mark - tips
/** 显示自动消失的提示框到 window */
void HUDShowTips(NSString *msg,BOOL canEnabled){
    if (![NSThread isMainThread]) {
        dispatch_async(dispatch_get_main_queue(), ^{
            [MBProgressHUD showTipsStyleHUDWith:canEnabled withTipsContent:msg withSuperView:KEYWINDOW withShowTime:0];
        });
    }else [MBProgressHUD showTipsStyleHUDWith:canEnabled withTipsContent:msg withSuperView:KEYWINDOW withShowTime:0];
}
/** 显示自动消失的提示框到 superView 2 秒 */
void HUDShowTipsToView(BOOL canEnabled, NSString *msg,UIView *superView) {
    if (![NSThread isMainThread]) {
        @weakObj(superView)
        dispatch_async(dispatch_get_main_queue(), ^{
            @strongObj(superView)
            [MBProgressHUD showTipsStyleHUDWith:canEnabled withTipsContent:msg withSuperView:strongSelf withShowTime:0];
        });
    }else [MBProgressHUD showTipsStyleHUDWith:canEnabled withTipsContent:msg withSuperView:superView withShowTime:0];
}
/** 显示自动消失的提示框到 superView aTime 秒 */
void HUDShowTipsToViewATime(BOOL canEnabled, NSString *msg, UIView *superView, CGFloat aTime) {
    if (![NSThread isMainThread]) {
        @weakObj(superView)
        dispatch_async(dispatch_get_main_queue(), ^{
            @strongObj(superView)
            [MBProgressHUD showTipsStyleHUDWith:canEnabled withTipsContent:msg withSuperView:strongSelf withShowTime:aTime];
        });
    }else [MBProgressHUD showTipsStyleHUDWith:canEnabled withTipsContent:msg withSuperView:superView withShowTime:aTime];
}

#pragma mark - progress
void HUDShowDownLoadProgress(CGFloat progress) {
    if (![NSThread  isMainThread]) {
        dispatch_async(dispatch_get_main_queue(), ^{
            [MBProgressHUD showProgressHUDWith:nil withSuperView:KEYWINDOW withProgress:progress];
        });
    }else
        [MBProgressHUD showProgressHUDWith:nil withSuperView:KEYWINDOW withProgress:progress];
}

void HUDShowProgress(NSString *msg, CGFloat progress) {
    if (![NSThread isMainThread]) {
        dispatch_async(dispatch_get_main_queue(), ^{
            [MBProgressHUD showProgressHUDWith:msg withSuperView:KEYWINDOW withProgress:progress];
        });
    }else [MBProgressHUD showProgressHUDWith:msg withSuperView:KEYWINDOW withProgress:progress];
}

void HUDShowProgressToView(NSString *msg, CGFloat progress, UIView *superView){
    if (![NSThread isMainThread]) {
        @weakObj(superView)
        dispatch_async(dispatch_get_main_queue(), ^{
            @strongObj(superView)
            [MBProgressHUD showProgressHUDWith:msg withSuperView:strongSelf withProgress:progress];
        });
    }else [MBProgressHUD showProgressHUDWith:msg withSuperView:superView withProgress:progress];
}

#pragma mark - hide
/** 隐藏所有HUD */
void HideHUD(UIView *view) {
    if (![NSThread isMainThread]) {
        @weakObj(view)
        dispatch_async(dispatch_get_main_queue(), ^{
            @strongObj(view)
            [MBProgressHUD hideHUDWithSuperViw:strongSelf];
        });
    }else{
        [MBProgressHUD hideHUDWithSuperViw:view];
    }
    
}

#pragma mark -
+ (void)showLoadingStyleHUDWith:(BOOL)canEnabled withSuperView:(UIView *)view withShowTime:(CGFloat)aTime {
    MBProgressHUD * hud = [MBProgressHUD HUDForView:view];
    if (!hud) {
        hud =[MBProgressHUD showHUDAddedTo:view ? view : KEYWINDOW animated:YES];
    }else{
        [hud showAnimated:YES];
    }
    hud.minSize = CGSizeMake(60, 60);
    hud.bezelView.style = MBProgressHUDBackgroundStyleSolidColor;
    hud.bezelView.backgroundColor = HexColorRGBA(0x000000, 0.2);
    hud.bezelView.layer.cornerRadius = 10.;
    hud.mode = MBProgressHUDModeIndeterminate; //菊花，默认值
    hud.label.text = nil;
    hud.detailsLabel.text = nil;
    hud.activityIndicatorColor = [UIColor whiteColor];
    hud.offset = CGPointZero;
    //    [hud setContentColor:[UIColor whiteColor]];
    hud.tintColor = [UIColor whiteColor];
    hud.removeFromSuperViewOnHide = YES;
    
    hud.userInteractionEnabled = !canEnabled;
    
    if (aTime > 0.5) {
        [hud hideAnimated:YES afterDelay:aTime];
    }
}

+ (void)showTipsStyleHUDWith:(BOOL)canEnabled withTipsContent:(NSString *)tipsStr withSuperView:(UIView *)view withShowTime:(CGFloat)aTime {
    MBProgressHUD * hud = [MBProgressHUD HUDForView:view];
    if (!hud) {
        hud =[MBProgressHUD showHUDAddedTo:view ? view : KEYWINDOW animated:YES];
    }
    hud.mode = MBProgressHUDModeText;
    hud.animationType = MBProgressHUDAnimationZoomOut;
    hud.bezelView.backgroundColor = HexColorRGBA(0x000000, 0.85);
    hud.backgroundView.alpha = 0.85;
    
    hud.label.text = tipsStr.length > 0 ? tipsStr : @"?网络好像有点问题?";
    
    hud.detailsLabel.text = nil;
    hud.minSize = CGSizeMake(110, 40);
    hud.margin = 15.;
    hud.bezelView.layer.cornerRadius = 20.;
    hud.label.font=[UIFont systemFontOfSize:16];
    hud.label.textColor = HEXCOLOR(0xf0f0f0); //[UIColor whiteColor];
    hud.label.numberOfLines = 0;
    hud.offset = CGPointMake(0, -100);
    hud.userInteractionEnabled = !canEnabled;
    
    if (aTime > 0.5) {
        [hud hideAnimated:YES afterDelay:aTime];
    }
}

+ (void)showProgressHUDWith:(NSString *)tipsStr withSuperView:(UIView *)view withProgress:(CGFloat)progress{
    
    MBProgressHUD * hud = [MBProgressHUD HUDForView:view];
    if (!hud) {
        hud =[MBProgressHUD showHUDAddedTo:view ? view : KEYWINDOW animated:YES];
        hud.progress = MAX(0.01, progress);
    }else{
        hud.progress = MAX(0.01, progress);
        [hud showAnimated:YES];
    }
    hud.minSize = CGSizeMake(160, 80);
    
    hud.label.text = [NSString stringWithFormat:@"%2.f%%",MAX(0.01, progress)*100];
    hud.label.font = [UIFont systemFontOfSize:12];
    hud.label.textColor = [UIColor whiteColor];
    hud.label.numberOfLines = 0;
    hud.offset = CGPointMake(0, -40);//相对于hud父视图偏移
    
    hud.bezelView.style = MBProgressHUDBackgroundStyleSolidColor;
    hud.bezelView.backgroundColor = HexColorRGBA(0x000000, 0.25);
    
    hud.detailsLabel.text = tipsStr.length > 0 ? tipsStr :@"正在保存到本地";
    hud.detailsLabel.textColor = [UIColor whiteColor];

    hud.mode = MBProgressHUDModeAnnularDeterminate;//圆环作为进度条
    
    hud.removeFromSuperViewOnHide = YES;
    [hud setContentColor:[UIColor whiteColor]];//HEXCOLOR(0x448bf2)
    hud.backgroundView.style = MBProgressHUDBackgroundStyleSolidColor;
    
    if (hud.progress >= 1) {
        [hud hideAnimated:YES afterDelay:1];
    }
}

#pragma mark -
+ (void)hideHUDWithSuperViw:(UIView *)view{
    if (view) {
        [MBProgressHUD hideHUDForView:view animated:YES];
    }
    [MBProgressHUD hideHUDForView:KEYWINDOW animated:YES];
}

@end

-------------------下边就是坑?----------------------------

为什么说还踩了坑呢？
简单来说就是：子线程切换到主线程更新HUD的展示，例如上传和下载的时候。
主要是项目中接入了 阿里云的OSS ，既然支持了客户端直传，那下载也必然会用OSS的SDK自带的?~

用过OSS SDK的应该都知道，OSSTask这个类有个waitUntilFinished方法，使任务串行执行，可以在批量上传的时候确保顺序。然而在使其task等待的同时，这个task的OSSGetObjectRequest对象中的downloadProgress进度回调也会被等待，进而使

request.downloadProgress = ^(int64_t bytesWritten, int64_t totalBytesWritten, int64_t totalBytesExpectedToWrite) {};

也被等待，使downloadProgress代码块内更新HUD的任务被堆积。一直到等待结束瞬间执行完堆积的N次更新。。。

###------------------------------------------------
最后，值得注意的是，之前看有人发现偶尔会有显示出的hud隐藏不掉，个人感觉大概有两种可能：
1、hideHUDWithSuperViw方法隐藏的是你指定view上添加的HUD，show的时候和hide的时候传入的view不是同一个将会隐藏不掉。
2、在viewcontroller里的某个block外进行了HUD的添加显示，block内进行hide，此时的self是哪个weak修饰过的，当VC被释放的时候也有可能隐藏不掉hud。这种情况个人建议先weak再strong。

木易晓天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Swift封装MBProgressHUD.zip
08-13
使用Swift封装MBProgressHUD，方便在swift中调用，采用源码导入，方便开发者自定义格式内容等
MBProgressHUD:封装MBProgressHUD常用方法
06-20
MBProgressHUD /** 显示成功信息提示框 @param success 成功信息 @param view 指定显示信息的view */ (void)showSuccess:(NSString *)success toView:(UIView *)view; /** 显示失败信息提示框 @param success 失败信息 @param view 指定显示信息的view */ (void)showError:(NSString *)error toView:(UIView *)view; /** 显示消息提示框 @param message 消息 @param view 指定显示信息的view @return 提示框 */ (MBProgressHUD *)showMessage:(NSString *)message toView:(UIView *)vi
MBProgressHUD-JJ:对MBProgressHUD的简单封装
05-01
对第三方插件MBProgressHUD做一个简单的封装 github下载地址： 下载的文件 从github上下载下来文件后，主要有demo和封装的文件 封装的文件代码展示： 文件MBProgressHUD+JJ.h /** github:https://github.com/jiangbin1993/MBProgressHUD-JJ.git 作者：Jonas **/ #import "MBProgressHUD.h" // 统一的显示时长 #define kHudShowTime 1.5 @interface MBProgressHUD (JJ) #pragma mark 在指定的view上显示hud + (void)showMessage:(NSString *)message toView:(UIView *)view; + (void)showSuccess:(NSStrin
iOS+HUD+加载LoadingHUD+MBProgressHUD使用
最新发布
03-12
iOS+HUD+加载LoadingHUD+加载提示+加载圈
MBProgressHUD二次封装
08-18
MBProgressHUD二次封装
MBProgressHUD使用
weixin_34007879的博客
11-15 171
2019独角兽企业重金招聘Python工程师标准>>> ...
MBProgressHUD 使用 5种显示方法
weixin_33739541的博客
11-09 575
2019独角兽企业重金招聘Python工程师标准>>> ...
提示框第三方库之MBProgressHUD
CharlesBein_卞
01-24 3886
转载地址：http://blog.csdn.net/tangren03/article/details/7877120 有一个属性可以设置MBProgressHUD的显示方式：使MBProgressHUD显示时，可以执行别的动作，不锁定屏幕  即：HUD.userInteractionEnabled = NO;默认该值为YES锁定屏幕的（即显示HUD时界面不响应别的动作）
第三方进度显示器MBProgressHUD的使用
KK的博客
02-28 275
总结:设置一个全局的hud,创建和添加到View上,设置属性,适时的show和隐藏!1.定义一个全局的hud{ MBProgressHUD *_HUD; long long expectedLength; long long currentLength; }2创建和设置hud#pragma mark - Actions //1 - (IBAction)showSimple:(
MBProgressHUD 的使用详解
lf20105103039的专栏
12-10 1886
IOS学习笔记29—提示框第三方库之MBProgressHUD 分类： iOS2012-08-17 13:59 34922人阅读 评论(21) 收藏 举报 iosfloatinterface新浪微博android MBProgressHUD是一个开源项目，实现了很多种样式的提示框，使用上简单、方便，并且可以对显示的内容进行自定义，功能很强大，很多项目中都有使用到。到G
swift-基于MBProgressHUD的二次封装一行代码调用易于维护
08-15
基于MBProgressHUD的二次封装，一行代码调用，易于维护
ios-iOS基于MBProgressHUD的二次封装，一行搞定，使用超简单.zip
07-11
MBProgressHUD的使用，临时总结了几款最常用的使用场景 源码下载：https://github.com/TangledHusky/YJProgressHUD 使用说明：http://www.cnblogs.com/yajunLi/p/5822702.html 1、提示消息 用法： [YJProgressHUD showOnlyText:@"只显示文字" inView:self.view]; 2、加载成功 用法： [YJProgressHUD showSuccess:@"加载成功" inview:self.view]; 3、加载中 用法： [YJProgressHUD showProgress:@"加载中..." inView:self.view]; 4、提示消息，N秒隐藏（比1多了设置n秒自动消失） 用法： [YJProgressHUD showMessage:@"请输入xxx" inView:self.view afterDelayTime:2.0]; 5、提示消息(最上层，无需指定显示view) 用法： [YJProgressHUD showMsgWithoutView:@"显示在最上层"];
史上最全最好用的MBProgressHUD
01-13
MBProgressHUD是很好用的第三方控件
C# 子线程加载窗体绑定父窗体
m0_53493915的博客
12-30 375
1、ChildForm.Owner 设置子窗体的所有者2、ParentForm.BeginInvoke 引用主窗口线程避免线程错误（不是从 xxxx 线程访问）
android mvc例子,GitHub - chinalwb/mvc_mvp_mvvm: For Android MVC / MVP / MVVM patterns
weixin_26706567的博客
05-27 113
Android MVC / MVP / MVVMFor Android MVC / MVP / MVVM patterns简单示例演示如何从自由写法改进到MVC再改进到MVP - NoMVX本来不懂标题说的这些东西(以及MVVM)，看了这些文章之后可能还有一些其他资料没能一一列出，然后感觉大部分说的写的都是很深奥很神秘。然后我自己有点想法，不过：以下内容纯属个人观点，不喜请喷，谢谢各位大神，走过路...
Android开发：MVP模式的学习
shakdy的博客
01-15 933
提问 首先自问自答： 1，为什么要学习MVP模式，很重要吗？ 为什么要思考这问题？因为时间短暂，想要做的事情很多，必须学会取舍，才能更好的做好事情。 我有个原则： 最重要的事情，只有一件 如果没有学习MVP模式，会怎么样？ 好处：      可以做其他，自己认为更重要的事情 坏处：      思维方面：对于一些基于MVP模式优秀项目，但是看不懂啊，阅读大神优秀思想的作品
Android应用架构演变
Android_SE的博客
07-26 826
引言 总结了多年的移动开发经验，特别是在Android端的积累，以前认为从移动端APP谈架构，其实有点举大旗，因为大部份项目都在做业务理，且往往不是很大，并没有多复杂的数据处理或高并发（只针对个人而言）；并且长期认为架构这个词，用在Web端或者大型系统里比较好一点，好的架构好，意味系统更稳健、高效率， 更大体量。总之，有种大材小用的感觉，然而，随着Android应用开发规模的扩大，客户端业务逻辑也...
Android保存图片时颜色不一致的问题及RecyclerView截图的参考
Henzel的博客
05-09 816
头部设置了背景色，获取头部图片缓存信息后，将图片绘制到bigBitmap上。但为bigBitmap绘制的背景色却与图片的颜色不一致，虽然二者使用的是同一颜色。 原因是创建bigBitmap时，选择的图片质量是RGB_565，而获取头部View的缓存时，默认是最高质量。将缓存图片绘制到bigBitmap上时色彩会失真，导致颜色不一样。 bigBitmap = Bitmap.createBitmap(getResources().getDisplayMetrics(), view.getMeasure
SVProgressHUD和MBProgressHUD的优缺点与SVProgressHUD震动实现
jia12216的专栏
11-30 1390
SVProgressHUD和MBProgressHUD的优缺点与SVProgressHUD震动实现。 完美的弹出窗应该具有他们两个者的优点，而没有他们的缺点。如跨页面弹出，实时方便显示取消，点击toast弹出框后面的上下控件能操作，能很容易修改显示的模态弹出框动画。
ios loading
06-11
iOS loading通常采用活动指示器（UIActivityIndicatorView）来展示。可以通过以下步骤来添加一个活动指示器： 1. 在需要展示loading的页面上，添加一个UIView作为容器，设置其背景颜色和透明度，以便让loading更加明显。 2. 在该UIView中添加一个UIActivityIndicatorView。 3. 在需要展示loading时，将UIView和UIActivityIndicatorView设置为可见，停止时隐藏即可。 示例代码： ```swift // 创建UIView作为容器 let containerView = UIView(frame: CGRect(x: 0, y: 0, width: view.frame.width, height: view.frame.height)) containerView.backgroundColor = UIColor.black.withAlphaComponent(0.5) // 设置背景颜色和透明度 view.addSubview(containerView) // 创建UIActivityIndicatorView并添加到容器中 let activityIndicator = UIActivityIndicatorView(style: .whiteLarge) activityIndicator.center = containerView.center containerView.addSubview(activityIndicator) // 启动loading activityIndicator.startAnimating() containerView.isHidden = false // 停止loading activityIndicator.stopAnimating() containerView.isHidden = true ``` 另外，也可以使用第三方库来实现loading效果，比如MBProgressHUD、SVProgressHUD等。这些库会提供更加丰富的loading样式和动画效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值