iOS主流进度加载提示工具
来源:互联网 发布:淘宝被扣48分保证金 编辑:程序博客网 时间:2024/05/19 04:53
一、简介
DMProgressHUD是一款用于显示异步操作任务进度状态的视图工具。
该工具包含了目前较为主流的加载状态视图类型,后续会根据具体情况或需求进行迭代。
DMProgressHUD从设计层次的角度来看,其包含了5种展示模式:
- Loading(加载中相关);
- Progress(进度具体值相关);
- Status(状态相关,例如成功、失败等提示);
- Text(文字提示相关);
- Custom(自定义视图相关)。
二、导入(Platform : ios >= 8.0)
方案1:CocoaPods
- 在Podfile文件加入
pod 'DMProgressHUD'
; - 在终端输入
pod install
; - 在需要使用的地方导入头文件
#import <DMProgressHUD.h>
。
方案2:直接导入到工程
- 把DMProgressHUD.h、DMProgressHUD.m和DMProgressImgs.bundle(图片资源bundle)导入到工程目录下;
- 在需要使用的地方导入头文件
#import "DMProgressHUD.h"
。
三、快捷调用
注意:快捷调用使用默认的样式(Style-Dark)、动画(Animation-gradient)、遮盖(Mask-None)。
1.Loading Mode
1.1 Loading-Indicator
DMProgressHUD *hud = [DMProgressHUD showLoadingHUDAddedTo:self.view]; //hud.loadingType = DMProgressHUDLoadingTypeIndicator;//默认 hud.text = @"Here's info"; dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ //异步耗时操作 [self doSomething]; dispatch_async(dispatch_get_main_queue(), ^{ //返回主线程隐藏HUD [hud dismiss]; }); });
1.2 Loading-Circle
DMProgressHUD *hud = [DMProgressHUD showLoadingHUDAddedTo:self.view]; hud.loadingType = DMProgressHUDLoadingTypeCircle; hud.text = @"Here's info"; dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ //异步耗时操作 [self doSomething]; dispatch_async(dispatch_get_main_queue(), ^{ //返回主线程隐藏HUD [hud dismiss]; }); });
2.Progress Mode
2.1 Progress-Circle
DMProgressHUD *hud = [DMProgressHUD showProgressHUDAddedTo:self.view]; //hud.progressType = DMProgressHUDProgressTypeCircle;//默认 hud.text = @"Here's info"; dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ //异步耗时操作 [self doSomething]; dispatch_async(dispatch_get_main_queue(), ^{ //返回主线程隐藏HUD [hud dismiss]; }); });
2.2 Progress-Sector
DMProgressHUD *hud = [DMProgressHUD showProgressHUDAddedTo:self.view]; hud.progressType = DMProgressHUDProgressTypeSector; hud.text = @"Here's info"; dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ //异步耗时操作 [self doSomething]; dispatch_async(dispatch_get_main_queue(), ^{ //返回主线程隐藏HUD [hud dismiss]; }); });
3.Status Mode
3.1 Success
DMProgressHUD *hud = [DMProgressHUD showStatusHUDAddedTo:self.view statusType:DMProgressHUDStatusTypeSuccess]; hud.text = @"Here's info"; dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ //异步耗时操作 [self doSomething]; dispatch_async(dispatch_get_main_queue(), ^{ //返回主线程隐藏HUD [hud dismiss]; }); });
3.2 Fail
DMProgressHUD *hud = [DMProgressHUD showStatusHUDAddedTo:self.view statusType:DMProgressHUDStatusTypeFail]; hud.text = @"Here's info"; dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ //异步耗时操作 [self doSomething]; dispatch_async(dispatch_get_main_queue(), ^{ //返回主线程隐藏HUD [hud dismiss]; }); });
3.3 Warning
DMProgressHUD *hud = [DMProgressHUD showStatusHUDAddedTo:self.view statusType:DMProgressHUDStatusTypeWarning]; hud.text = @"Here's info"; dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ //异步耗时操作 [self doSomething]; dispatch_async(dispatch_get_main_queue(), ^{ //返回主线程隐藏HUD [hud dismiss]; }); });
4.Text Mode
4.1 Text
DMProgressHUD *hud = [DMProgressHUD showTextHUDAddedTo:self.view]; hud.text = @"Here's info"; dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ //异步耗时操作 [self doSomething]; dispatch_async(dispatch_get_main_queue(), ^{ //返回主线程隐藏HUD [hud dismiss]; }); });
5.Custom Mode
5.1 Custom
DMProgressHUD *hud = [DMProgressHUD showHUDAddedTo:self.view]; hud.mode = DMProgressHUDModeCustom;//指定模式为自定义模式 hud.text = @"Here's info"; UIView *custom = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"person"]]; [hud setCustomView:custom width:180.0 height:180.0];//自定义View dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{ //异步耗时操作 [self doSomething]; dispatch_async(dispatch_get_main_queue(), ^{ //返回主线程隐藏HUD [hud dismiss]; }); });
四、更多
- 关于调用:DMProgressHUD为调用者提供了快捷调用的方法,另外还提供了一些与额外功能相关的初始化方法供调用者使用;
- 关于外观:DMProgressHUD提供两种外观样式,对应分别是Dark/Light;
- 关于动画:DMProgressHUD默认使用颜色渐变(alpha)动画进行显示/隐藏,另外还有增量式动画和弹性动画供使用者选择;
- 关于遮盖:DMProgressHUD默认不使用遮盖,另外提供透明遮盖和灰色遮盖供使用者选择;
以上所列举关于DMProgressHUD的功能介绍,用户都可以 运行Demo 查看到相应的效果。除此之外,用户还可以对HUD的 图文间距、颜色等 进行自定义,可以在 DMProgressHUD.h 文件查看更多的API详细介绍。
由于时间仓促,本人技术水平有限,出现错误或疏漏之处请批评指正,也可以在下方留言或发送Email至damonmok1216@gmail.com。
Github地址:DMProgressHUD
阅读全文
0 0
- iOS主流进度加载提示工具
- iOS ActivityIndlcatorView(加载进度轮)
- android 网络加载提示进度封装 View
- iOS进度提示组件 MBProgressHUD、SVProgressHUD
- iOS WKWebView 获得title和加载进度
- iOS 提示框工具
- 自定义控件,Android实现图片加载进度提示
- 异步加载过程中简单的进度提示
- Android WebView的简单使用,实现标题、加载进度提示
- ios 加载进度动画——圆型加载进度方式浅析
- unity 下载文件 及进度提示 pc android ios
- iOS——加载进度示的SVProgressHUD 用法
- ios-webview加载进度中执行多次的问题
- iOS-swift环形进度指示器+图片加载动画
- iOS球形波浪加载进度控件-HcdProcessView
- 实用ListView加载提示工具类
- Qt进度简单提示
- 封装GridView实现类似ListView添加页脚,分页加载数据进度提示
- 操作系统 实验一 多线程 (模拟)
- 常用惯性元器件
- 树莓派3利用VNC实现远程桌面
- 使用NOPI实现导出已有固定模板的Excel报表
- Spring Boot学习(二)之属性配置文件详解
- iOS主流进度加载提示工具
- 网页静态化--Freemarker
- 曲线拟合问题
- 基于SuperMap iDesktop制作天地图1--10级详细说明
- Unknown symbol __udivdi3 (err 0)
- 流程图怎么画?绘制一个流程图的简单操作方法
- Opencv+visual studio2017配置
- MyBatis--逆向工程
- Optane容量翻倍!价值何在?