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;
                }

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