茜茜女神

iOS開(kāi)發(fā)過(guò)程中，當(dāng)UITableView的數(shù)據(jù)源為空的時(shí)候，為了產(chǎn)品有良好的用戶(hù)體驗(yàn)，常常會(huì)顯示一個(gè)含有友好提示功能的空白頁(yè)面。那么，問(wèn)題來(lái)了，你是怎么實(shí)現(xiàn)的那？

之前一直用的是DZNEmptyDataSet，感覺(jué)也挺簡(jiǎn)單，只需實(shí)現(xiàn)DZNEmptyDataSetSource、DZNEmptyDataSetDelegate中的代理方法即可。
優(yōu)點(diǎn)：協(xié)議方法比較多，常用的功能都已集成進(jìn)去。參考資料
缺點(diǎn)：格式已經(jīng)寫(xiě)死，自定義的時(shí)候，不方便。

今天我要介紹的就是UIView分類(lèi)利用Runtime來(lái)一步步實(shí)現(xiàn)空白視圖~~~

• 在UIView分類(lèi)的 .h 文件中聲明一個(gè)錯(cuò)誤視圖；

@interface MJBlankPageView : UIView
@end

• 添加方法和屬性

@interface UIView (MJEmptyView)
//MJBlankPageView
@property (nonatomic,strong) MJBlankPageView* blankPageView;
-(void)showBlankPageView;
-(void)hideBlankPageView;

@end

• 在UIView分類(lèi)的 .m 文件中關(guān)聯(lián)對(duì)象（動(dòng)態(tài)添加屬性）

- (void)setBlankPageView:(MJBlankPageView *)blankPageView{
    [self willChangeValueForKey:NSStringFromSelector(@selector(blankPageView))];
    objc_setAssociatedObject(self, @selector(blankPageView), blankPageView, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    [self didChangeValueForKey:NSStringFromSelector(@selector(blankPageView))];
}
- (MJBlankPageView *)blankPageView{
    return objc_getAssociatedObject(self, _cmd);
}

objc_setAssociatedObject(id object, const void *key, id value, objc_AssociationPolicy policy)

id object : 表示關(guān)聯(lián)者，是一個(gè)對(duì)象
const void key: 獲取被關(guān)聯(lián)者的索引key
id value : 被關(guān)聯(lián)者
objc_AssociationPolicy policy : 關(guān)聯(lián)時(shí)采用的協(xié)議，有assign，retain，copy等協(xié)議，一般使用OBJC_ASSOCIATION_RETAIN_NONATOMIC

• 實(shí)現(xiàn)方法

- (void)showBlankPageView{
    
    if (!self.blankPageView) {
        self.blankPageView = [[MJBlankPageView alloc]initWithFrame:self.bounds];
    }
    [self addSubview:self.blankPageView];
    [self bringSubviewToFront:self.blankPageView];
}
- (void)hideBlankPageView{
    if (self.blankPageView) {
        [self.blankPageView removeFromSuperview];
        self.blankPageView = nil;
    }
}

• 設(shè)置空白視圖 (這里可以改為你的app所需要的空白圖展示)

@interface MJBlankPageView ()
@property (nonatomic,weak) UIImageView* nodataImageView;
@property (nonatomic,weak) UILabel* nodataTipLabel;
@end

@implementation MJBlankPageView
- (instancetype)init{
    return [self initWithFrame:CGRectZero];
}
- (instancetype)initWithFrame:(CGRect)frame{
    self = [super initWithFrame:frame];
    if (self) {
        UIImageView* nodataImageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"nilNetWork"]];
        _nodataImageView = nodataImageView;
        [self addSubview:_nodataImageView];
        
        UILabel* nodataTipLabel = [[UILabel alloc]init];
        nodataTipLabel.numberOfLines = 1;
        nodataTipLabel.font = [UIFont systemFontOfSize:15];
        nodataTipLabel.textAlignment = NSTextAlignmentCenter;
        nodataTipLabel.textColor = [UIColor grayColor];
        nodataTipLabel.text = @"這里沒(méi)有數(shù)據(jù)呢,趕緊弄出點(diǎn)動(dòng)靜吧~";
        _nodataTipLabel = nodataTipLabel;
        [self addSubview:_nodataTipLabel];
        
        [_nodataImageView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.centerX.equalTo(self);
            make.bottom.equalTo(self.mas_centerY).offset(-10);
        }];
        
        [_nodataTipLabel mas_makeConstraints:^(MASConstraintMaker *make) {
            make.left.right.equalTo(self);
            make.height.equalTo(@50);
            make.top.equalTo(_nodataImageView.mas_bottom).offset(5);
        }];
    }
    return self;
}
@end

• 完工 （調(diào)用一句話，是不是很簡(jiǎn)單）

[self.view showBlankPageView];
// 隱藏
// [self.view hideBlankPageView];

空白視圖

附 ~~~
那如果有按鈕吶？比如說(shuō)網(wǎng)路錯(cuò)誤需要刷新，這個(gè)必須的考慮到了。這時(shí)只需要添加一個(gè)block方法，動(dòng)態(tài)關(guān)聯(lián)block屬性，即可。

1.添加block方法

- (void)configReloadAction:(void(^)())block;

2.動(dòng)態(tài)添加block屬性

@interface UIView ()
@property (nonatomic,copy) void(^reloadAction)();
@end
@implementation UIView (MJEmptyView)
- (void)setReloadAction:(void (^)())reloadAction{
    objc_setAssociatedObject(self, @selector(reloadAction), reloadAction, OBJC_ASSOCIATION_COPY);
}
- (void (^)())reloadAction{
    return objc_getAssociatedObject(self, _cmd);
}
@end

3.實(shí)現(xiàn)方法

- (void)configReloadAction:(void (^)())block{
    self.reloadAction = block;
    if (self.errorPageView && self.reloadAction) {
        self.errorPageView.didClickReloadBlock = self.reloadAction;
    }
}

4.調(diào)用方法

  [self.view configReloadAction:^{
        NSLog(@"1111");
    }];

無(wú)網(wǎng)絡(luò)視圖+刷新按鈕

奉上代碼，喜歡請(qǐng)點(diǎn)贊，有錯(cuò)誤請(qǐng)反饋，共同進(jìn)步~~~
【https://github.com/JingJing-Lin/MJEmptyView】