ios开发:为tableview添加空列表视图

在我们经常的开发中,我们空列表样式往往使用tableviewcell来实现的,判断列表数据为空时,然后展示空列表的tableviewcell.
那这样就有一个缺点: 就是当页面刚展示的时候,请求还在加载,默认列表数据就是空,那此时就展示空列表样式是不对的.

那我的处理方法就是在tableview上添加空样式view,此view默认是隐藏的,请求完成之后再根据请求数据来控制view的隐藏和展示,代码如下

//.h文件
#import <UIKit/UIKit.h>
@interface TableListEmptyView :UIView
@property(nonatomic, strong) UIImageView *imgView;
@property(nonatomic, strong) UILabel *label;
@property(nonatomic, strong) UIImage *emptyImg;
@end
@interface BaseTableView : UITableView
@property(nonatomic, strong) TableListEmptyView *emptyListView;

@end

-------------------------------
//.m文件
#import "BaseTableView.h"

@implementation TableListEmptyView

-(instancetype)init{
    self=[super init];
    if(self)
    {
        [self initUI];
    }
    return self;
}
-(void)initUI{
    self.imgView=[[UIImageView alloc]init];
    [self addSubview:self.imgView];
    [self.imgView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.equalTo(self);
        make.size.mas_equalTo(CGSizeMake(100, 100));
        make.top.equalTo(self).offset(100);
    }];
    self.label=[UILabel new];
    self.label.textColor=[HXStyleManager sharedConfig].labelColorL3;
    self.label.font=[UIFont systemFontOfSize:15];
    [self addSubview:self.label];
    [self.label mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerX.equalTo(self);
        make.top.equalTo(self.imgView.mas_bottom).offset(12);
    }];
}
-(void)setEmptyImg:(UIImage *)emptyImg
{
    _emptyImg=emptyImg;
    self.imgView.image=emptyImg;
    [self.imgView mas_remakeConstraints:^(MASConstraintMaker *make) {
           make.centerX.equalTo(self);
           make.top.equalTo(self).offset(100);
       }];
}
@end
@implementation BaseTableView
-(TableListEmptyView *)emptyListView
{
    if(!_emptyListView)
    {
        _emptyListView=[TableListEmptyView new];
        [self addSubview:_emptyListView];
        [_emptyListView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.left.right.equalTo(self);
            make.width.mas_equalTo(self);
        }];
        _emptyListView.hidden=YES;
    }
    return _emptyListView;
}
@end

用懒加载的方法,空视图view不调用是不会实例化的,当然我的空视图比较简单,就是一张图片和一个文字,图片可以根据每个列表来动态设置.此列表视图也不会影响手势的滚动,就是空视图的展示的时候也可以下拉触发mjrefresh重新请求. 然后在列表请求的地方这么使用

//tableview初始化时
 self.tableView.emptyListView.emptyImg=[UIImage imageNamed:@"icon_cmt_emptyList"];
  self.tableView.emptyListView.label.text=@"暂无数据";

//请求成功时
                if(self.dataArr.count>0)
                {
                    self.tableView.emptyListView.hidden=YES;
                }else{
                     self.tableView.emptyListView.hidden=NO;
                }

这样就保证在页面刚进入请求的时候不会展示空列表数据给用户一个不好的体验,请求完成之后才展示正确的数据. 当然你有更好的方案可以在下面评论区告诉我