MBProgressHUD+WJExtension
GitHub 地址:https://github.com/WJCha/MBProgressHUD-WJExtension
基于 MBProgressHUD 的封裝峰锁,方便使用坟募,并增加了操作成功與失敗的HUD動畫戏阅。
效果演示
使用過程中可以不顯示下方的文字靖诗。比如加載進度條禽翼,可以不顯示文字信息航揉,只顯示加載控件室埋。Demo 只是其中的一個演示而已滑废。主要方法請參考
MBProgressHUD+WJExtension.h
頭文件
安裝
一、可以下載當前項目寂屏,將項目中的
MBProgressHUD+WJExtension
文件夾拖入您的工程中即可-
二、通過
Cocoapods
方式:pod 'MBProgressHUD+WJExtension'
?
開始使用
- 導(dǎo)入頭文件
#import "MBProgressHUD+WJExtension.h"
-
根據(jù)需求展示各式的 HUD
-
詳細的方法列表請查看
MBProgressHUD+WJExtension.h
頭文件方法列表如下:
-
加載進度的HUD使用說明
以開扇型類型的加載進度為例:
可使用的方法列表如下:
/**
扇形餅狀加載進度
@return MBProgressHUD對象娜搂,可以通過它調(diào)用MBProgressHUD中的方法
*/
+ (instancetype)wj_showDeterminateLoading:(nullable NSString *)message
toView:(nullable UIView *)view;
/**
只顯示扇形餅狀加載進度指示器迁霎,不顯示文本消息
@return MBProgressHUD對象,可以通過它調(diào)用MBProgressHUD中的方法
*/
+ (instancetype)wj_showDeterminateLoading;
/**
加載進度的HUD百宇,設(shè)置HUD的progress請通過 HUD 對象調(diào)用 showAnimated: whileExecutingBlock: 等方法
@param style 進度條樣式(橫條考廉、環(huán)形、開扇型三種)
@param message 消息正文携御,傳nil不顯示
@param view 展示的View
@return MBProgressHUD對象昌粤,可以通過它調(diào)用MBProgressHUD中的方法
*/
+ (instancetype)wj_showLoadingStyle:(WJHUDLoadingProgressStyle)style
message:(nullable NSString *)message
toView:(nullable UIView *)view;
+ (instancetype)wj_showLoadingStyle:(WJHUDLoadingProgressStyle)style toView:(nullable UIView *)view;
+ (instancetype)wj_showLoadingStyle:(WJHUDLoadingProgressStyle)style;
可以注意到既绕,每個方法的調(diào)用都會將 MBProgressHUD
對象返回出來。我們可以通過返回回來的對象去調(diào)用 MBProgressHUD 中的屬性涮坐。比如 progress凄贩,以便我們?nèi)ピO(shè)置加載進度....。如以下舉例:
// 展示HUD
MBProgressHUD *hud = [MBProgressHUD wj_showLoadingStyle:WJHUDLoadingProgressStyleDeterminate message:@"正在加載..." toView:nil];
// 在獲取到進度信息的地方設(shè)置HUD的progress袱讹,這里只是一個模擬
[hud showAnimated:YES whileExecutingBlock:^{
float progress = 0.0f;
while (progress < 1.0f) {
hud.progress = progress;
hud.labelText = [NSString stringWithFormat:@"正在加載...%.0f%%", progress * 100];
progress += 0.01f;
usleep(50000);
}
} completionBlock:^{
[MBProgressHUD wj_hideHUD];
}];
- 詳細案例請查看
demo
自定義View須知
本擴展是基于 MBProgressHUD
封裝疲扎,自定義的View
指的是如下圖中的紅框部分。自定義的View
將顯示在紅框那個位置