封装类

.h

//========== 无内容占位图 ==========//#import// 无数据占位图的类型

typedef NS_ENUM(NSInteger, NoContentType) {

/** 无网络 */

NoContentTypeNetwork = 0,

/** 无订单 */

NoContentTypeOrder  = 1

};

@interface NoContentView : UIView

/** 无数据占位图的类型 */

@property (nonatomic,assign) NSInteger type;

@end

.m

//========== 无内容占位图 ==========//

#import "NoContentView.h"

#import "Masonry.h"

@interface NoContentView ()

@property (nonatomic,strong) UIImageView *imageView;

@property (nonatomic,strong) UILabel *topLabel;

@property (nonatomic,strong) UILabel *bottomLabel;

@end

@implementation NoContentView

#pragma mark - 构造方法

- (instancetype)initWithFrame:(CGRect)frame{

if (self = [super initWithFrame:frame]) {

// UI搭建

[self setUpUI];

}

return self;

}

#pragma mark - UI搭建

/** UI搭建 */

- (void)setUpUI{

self.backgroundColor = [UIColor whiteColor];

//------- 图片 -------//

self.imageView = [[UIImageView alloc]init];

[self addSubview:self.imageView];

//------- 内容描述 -------//

self.topLabel = [[UILabel alloc]init];

[self addSubview:self.topLabel];

self.topLabel.textAlignment = NSTextAlignmentCenter;

self.topLabel.font = [UIFont systemFontOfSize:15];

self.topLabel.textColor = [UIColor grayColor];

//------- 提示点击重新加载 -------//

self.bottomLabel = [[UILabel alloc]init];

[self addSubview:self.bottomLabel];

self.bottomLabel.textAlignment = NSTextAlignmentCenter;

self.bottomLabel.font = [UIFont systemFontOfSize:15];

self.bottomLabel.textColor = [UIColor grayColor];

//------- 建立约束 -------//

[self.imageView mas_makeConstraints:^(MASConstraintMaker *make) {

make.centerX.mas_equalTo(self);

make.centerY.mas_offset(-100);

make.size.mas_equalTo(CGSizeMake(100, 100));

}];

[self.topLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.mas_equalTo(self.imageView.mas_bottom).mas_offset(10);

make.left.right.mas_offset(0);

make.height.mas_equalTo(20);

}];

[self.bottomLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.mas_equalTo(self.topLabel.mas_bottom).mas_offset(5);

make.left.right.mas_offset(0);

make.height.mas_equalTo(20);

}];

}

#pragma mark - 根据传入的值创建相应的UI

/** 根据传入的值创建相应的UI */

- (void)setType:(NSInteger)type{

switch (type) {

case NoContentTypeNetwork: // 没网

{

[self setImage:@"网络异常" topLabelText:@"貌似没有网络" bottomLabelText:@"点击重试"];

}

break;

case NoContentTypeOrder:

{

[self setImage:@"订单无数据" topLabelText:@"暂时没有订单" bottomLabelText:@"重新�加载"];

}

break;

default:

break;

}

}

#pragma mark - 设置图片和文字

/** 设置图片和文字 */

- (void)setImage:(NSString *)imageName topLabelText:(NSString *)topLabelText bottomLabelText:(NSString *)bottomLabelText{

self.imageView.image = [UIImage imageNamed:imageName];

self.topLabel.text = topLabelText;

self.bottomLabel.text = bottomLabelText;

}

@end

需要使用的类里面

数据请求方法中写：

//无数据占位图

if (没有数据) {

// 如果已经展示无数据占位图，先移除

if (_noContentView) {

[_noContentView removeFromSuperview];

_noContentView = nil;

}

//------- 再创建 -------//

_noContentView = [[NoContentView alloc]initWithFrame:self.view.bounds];

[_noContentView setType:NoContentTypeNetwork];

[self.bottomView addSubview:_noContentView];

}else{  //有数据

if (_noContentView) {

[_noContentView removeFromSuperview];

_noContentView = nil;

}

}

//要显示数据，就要刷新列表

[self.bottomView reloadData];