iOS占位图、空白页面
xxxixxxx

iOS占位图、空白页面 Github直达

iOS占位图、空白页面 适用于view、tableView、collectionView、scrollvew

😄😄😄

tableView使用效果

view使用效果

注意

1.当tableView、collectionView 有数据时(row>0,item>0)不显示占位图
2.当scrollView.contentSize.height > scrollView.frame.size.height 时临时禁用滑动属性(tableView、collectionView优先遵循第一条)
3.建议导入demo中的XXXPlaceholderEX文件夹
4.占位图中的button会自动添加点击事件,无需添加。没有button会给整个占位图添加点击事件
5.我觉得用法还是挺简单的,看下demo吧😂

使用

1
2
3
pod repo update
rm ~/Library/Caches/CocoaPods/search_index.json (清除搜索缓存)
pod 'XXXPlaceholder', '~> 0.0.1'
  1. 参照demo创建占位图

    1
    2
    3
    4
    5
    //self为tableView
    self.xxx_emptyView = [XXXPlaceholderView emptyView];
    self.xxx_noNetworkView = [XXXPlaceholderView noNetworkView];
    //占位图会自动添加点击事件

  2. tableView、collectionView 展示占位图调用

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    /**
    刷新数据源 tableView、collectionView专用
    */
    - (void)xxx_reloadData;

    /**
    刷新数据源 tableView、collectionView专用
    @param clickBlock 占位图点击事件Block
    */
    - (void)xxx_reloadDataWithClickBlock: (nullable XXXPlaceholderClickBlock)clickBlock;

    [self.tableView xxx_reloadDataWithClickBlock:^{
    //这里做再次请求
    }];
  3. view使用

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
     /**
    展示无数据占位图
    */
    - (void)xxx_showEmptyView;

    /**
    展示无数据占位图
    @param clickBlock 占位图点击事件Block
    */
    - (void)xxx_showEmptyViewWithClickBlock:(nullable XXXPlaceholderClickBlock)clickBlock;

    /**
    展示无网络占位图
    */
    - (void)xxx_showNoNetWorkView;

    /**
    展示无网络占位图
    @param clickBlock 占位图点击事件Block
    */
    - (void)xxx_showNoNetWorkViewWithClickBlock:(nullable XXXPlaceholderClickBlock)clickBlock;

    /**
    移出所有占位图
    */
    - (void)xxx_removePlaceholderView;

    Github直达

  • Post title:iOS占位图、空白页面
  • Post author:xxxixxxx
  • Create time:2020-11-24 00:00:00
  • Post link:https://xxxixxx.github.io/2020/11/24/500-iOS占位图、空白页面/
  • Copyright Notice:All articles in this blog are licensed under BY-NC-SA unless stating additionally.
 Comments