ios UITableView实现无数据加载占位图片

时间:2022-10-14 12:13:52

本文介绍了ios uitableview实现无数据占位图片,分享给大家,具体如下:

国际惯例,上效果图

ios UITableView实现无数据加载占位图片

该效果的实现主要是使用runtime的交叉方法实现,将tableview的reloaddata与自定义的kk_reloaddata交换。新建tableview的category。

交换方法主要代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
+ (void)swizzleinstanceselector:(sel)originalsel
      withswizzledselector:(sel)swizzledsel {
 
  method originmethod = class_getinstancemethod(self, originalsel);
  method swizzedmehtod = class_getinstancemethod(self, swizzledsel);
  bool methodadded = class_addmethod(self, originalsel, method_getimplementation(swizzedmehtod), method_gettypeencoding(swizzedmehtod));
 
  if (methodadded) {
    class_replacemethod(self, swizzledsel, method_getimplementation(originmethod), method_gettypeencoding(originmethod));
  }else{
    method_exchangeimplementations(originmethod, swizzedmehtod);
  }
}

交换reloaddata

?
1
2
3
4
5
6
+ (void)load {
  static dispatch_once_t oncetoken;
  dispatch_once(&oncetoken, ^{
    [self swizzleinstanceselector:@selector(reloaddata) withswizzledselector:@selector(kk_reloaddata)];
  });
}

kk_reloaddata方法,先检查是否有数据,再次kk_reloaddata方法此时已使用runtime的交换方法则则实际上调用的是系统的reloaddata方法。

?
1
2
3
4
- (void)kk_reloaddata {
  [self kk_checkempty];
  [self kk_reloaddata];
}

kk_checkempty方法

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
- (void)kk_checkempty {
  bool isempty = yes;
  id<uitableviewdatasource> src = self.datasource;
  nsinteger sections = 1;
  if ([src respondstoselector:@selector(numberofsectionsintableview:)]) {
    sections = [src numberofsectionsintableview:self];
  }
  for (int i = 0; i < sections; i++) {
    nsinteger rows = [src tableview:self numberofrowsinsection:i];
    if (rows) {
      isempty = no;
    }
  }
  if (isempty) {//数据为空,在这里添加视图
  }else{//数据不为空,在这里一处视图
  }
}

为了降低代码的侵入,可以给tableview动态添加一个view属性即是占位图视图。

?
1
@property (nonatomic, strong) uiview *placeholderview;
?
1
2
3
4
5
6
- (void)setplaceholderview:(uiview *)placeholderview {
  objc_setassociatedobject(self, @selector(placeholderview), placeholderview, objc_association_retain_nonatomic);
}
- (uiview *)placeholderview {
  return objc_getassociatedobject(self, @selector(placeholderview));
}

kk_checkempty的

?
1
2
3
if (isempty) {//数据为空,在这里添加视图
}else{//数据不为空,在这里一处视图
}

修改为

?
1
2
3
4
5
6
if (isempty) {
    [self.placeholderview removefromsuperview];
    [self addsubview:self.placeholderview];
  }else{
    [self.placeholderview removefromsuperview];
  }

以后使用的时候只需设置tableview的placeholderview属性即可

?
1
_tableview.placeholderview = [[uiview alloc] init];

打完收工

github地址: https://github.com/wuzaozhou/uitableview-placeholder

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:http://www.jianshu.com/p/fba3734b48ca?utm_source=tuicool&utm_medium=referral