美文网首页ios实用开发技巧
SYNetworkStatusView网络请求状态视图设置

SYNetworkStatusView网络请求状态视图设置

作者: 番薯大佬 | 来源:发表于2017-09-15 11:13 被阅读10次

SYStatusView

在进行网络请求时,通常会考虑到几下几点

  • 开始网络请求

    • 菊花转提示
    • 自定义图标、提示语
  • 结束网络请求,成功

    • 自定义图标、提示语
    • 自定义图标、提示语、重新开始
  • 结束网络请求,失败

    • 自定义图标、提示语
    • 自定义图标、提示语、重新开始

[图片上传失败...(image-7d131a-1511251861330)]

代码示例

// 导入头文件
#import "UIView+Status.h"
// 属性设置
// 是否全屏范围可点击
self.view.statusButtonFullScreen = NO;

// 多图时动画时间
self.view.statusAnimationTime = 1.2;

// 重置位置大小
self.view.statusView.frame = CGRectMake(0.0, 0.0, 200.0, 200.0);

// 提示标签属性设置
self.view.statusMessageLabel.backgroundColor = [UIColor colorWithWhite:0.5 alpha:0.1];
self.view.statusMessageLabel.textColor = [UIColor blueColor];

// 重新刷新按钮属性设置
[self.view.statusButton setTitle:@"reload" forState:UIControlStateNormal];
self.view.statusButton.layer.borderColor = [UIColor redColor].CGColor;
self.view.statusButton.frame = CGRectMake(0.0, 0.0, 200.0, 30.0);

// 对齐方式
self.view.statusViewAlignment = StatusViewAlignmentBottom;
// 默认菊花转请求
[self.view statusViewLoadStart];

// 自定义单图标、提示语请求
[self.view statusViewLoadStart:@"loading..." image:@[[UIImage imageNamed:@"status_Success"]]];

// 自定义多图标、提示语请求
[self.view statusViewLoadStart:@"loading..." image:@[[UIImage imageNamed:@"status_Success"], [UIImage imageNamed:@"status_failure"], [UIImage imageNamed:@"status_NetworkWrong"]]];
// 加载成功
[self.view statusViewLoadSuccess];

// 加载成功,没有数据时,自定义单图标、提示语
[self.view statusViewLoadSuccessWithoutData:@"没有数据" image:@[[UIImage imageNamed:@"lock_normal"]]];

// 加载成功,没有数据时,自定义多图标、提示语、重新请求
[self.view statusViewLoadSuccessWithoutData:@"没有数据" image:@[[UIImage imageNamed:@"lock_normal"], [UIImage imageNamed:@"lock_right"], [UIImage imageNamed:@"lock_wrong"]] click:^{

}];
// 加载失败,自定义图标、提示语
[self.view statusViewLoadFailue:@"加载失败" image:@[[UIImage imageNamed:@"lock_normal"]]];

// 加载失败,自定义图标、提示语、重新请求
[self.view statusViewLoadFailue:@"加载失败" image:@[[UIImage imageNamed:@"lock_normal"], [UIImage imageNamed:@"lock_right"], [UIImage imageNamed:@"lock_wrong"]] click:^{

}];

相关文章

网友评论

    本文标题:SYNetworkStatusView网络请求状态视图设置

    本文链接:https://www.haomeiwen.com/subject/amdssxtx.html