版本记录
版本号 | 时间 |
---|---|
V1.0 | 2017.05.30 |
前言
在我们的app项目中,为了增加和用户很好的交互能力,通常都需要加一些提示图,比如说,当我们需要网络加载数据的时候,首先要监测网络,如果网络断开的时候,我们需要提示用户;还有一个场景就是登陆的时候,需要提示用户正在登录中和登录成功;再比如清除用户的缓存数据成功的时候,也需要进行清除成功的提示的,等等。总之,用的场景很多,好的提示图可以增强和用户的交互体验,试想,如果没有网络,也不提示用户,用户还以为还在登录,过了一会还是上不去,那可能用户就疯掉了,怒删app了。最近做的几个项目中也是对这个要求的也很多,在实际应用中可以自己写,也可以使用第三方框架,比较知名的比如MBProgressHUD和SVProgressHUD,从这一篇开始我就一点一点的介绍它们以及它们的使用方法,希望对大家有所帮助,那我们就开始喽。先给出github地址:
MBProgressHUD github
感兴趣可以先看上一篇
1.提示图显示篇之MBProgressHUD(一)
2.提示图显示篇之MBProgressHUD(二)
3.提示图显示篇之MBProgressHUD(三)
4.提示图显示篇之MBProgressHUD(四)
5.提示图显示篇之MBProgressHUD(五)
这一篇将对MBProgressHUD的一种封装进行说明。
详情
下面主要对提示图的一种封装进行说明。
1. MBProgressHUD+JJProgressHUDTool.h
#import <MBProgressHUD/MBProgressHUD.h>
@interface MBProgressHUD (JJProgressHUDTool)
/**
* 显示成功信息提示框
*
* @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 *)view;
/**
* 显示成功信息提示框
*
* @param success 成功信息
*/
+ (void)showSuccess:(NSString *)success;
/**
* 显示失败信息提示框
*
* @param success 失败信息
*/
+ (void)showError:(NSString *)error;
/**
* 显示消息提示框
*
* @param message 消息
*
* @return 提示框
*/
+ (MBProgressHUD *)showMessage:(NSString *)message;
/**
* 隐藏提示框
*
* @param view 指定隐藏提示框的view
*/
+ (void)hideHUDForView:(UIView *)view;
/**
* 隐藏提示框
*/
+ (void)hideHUD;
@end
2. MBProgressHUD+JJProgressHUDTool.m
#import "MBProgressHUD+JJProgressHUDTool.h"
@implementation MBProgressHUD (JJProgressHUDTool)
#pragma mark 显示信息
+ (void)show:(NSString *)text icon:(NSString *)icon view:(UIView *)view
{
if (view == nil) view = [[UIApplication sharedApplication].windows lastObject];
// 快速显示一个提示信息
MBProgressHUD *hud = [MBProgressHUD showHUDAddedTo:view animated:YES];
hud.labelText = text;
// 设置图片
hud.customView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"MBProgressHUD.bundle/%@", icon]]];
// 再设置模式
hud.mode = MBProgressHUDModeCustomView;
// 隐藏时候从父控件中移除
hud.removeFromSuperViewOnHide = YES;
// 1秒之后再消失
[hud hide:YES afterDelay:1.0];
}
#pragma mark 显示错误信息
+ (void)showError:(NSString *)error toView:(UIView *)view
{
[self show:error icon:@"error.png" view:view];
}
#pragma mark 显示成功信息
+ (void)showSuccess:(NSString *)success toView:(UIView *)view
{
[self show:success icon:@"success.png" view:view];
}
#pragma mark 显示一些信息
+ (MBProgressHUD *)showMessage:(NSString *)message toView:(UIView *)view
{
if (view == nil) view = [[UIApplication sharedApplication].windows lastObject];
// 快速显示一个提示信息
MBProgressHUD *hud = [MBProgressHUD showHUDAddedTo:view animated:YES];
hud.labelText = message;
// 隐藏时候从父控件中移除
hud.removeFromSuperViewOnHide = YES;
// YES代表需要蒙版效果
hud.dimBackground = YES;
return hud;
}
+ (void)showSuccess:(NSString *)success
{
[self showSuccess:success toView:nil];
}
+ (void)showError:(NSString *)error
{
[self showError:error toView:nil];
}
+ (MBProgressHUD *)showMessage:(NSString *)message
{
return [self showMessage:message toView:nil];
}
+ (void)hideHUDForView:(UIView *)view
{
if (view == nil) view = [[UIApplication sharedApplication].windows lastObject];
[self hideHUDForView:view animated:YES];
}
+ (void)hideHUD
{
[self hideHUDForView:nil];
}
@end
后记
MBProgressHUD的封装差不多就这样子,大家可以根据自己的使用情况进行修改,有不对的地方希望大家批评指出。