ios漫漫学习路

swift - 空白页快速集成(tableView/Collec

2018-01-16  本文已影响258人  大L君

近期在整理过去一年代码,顺便安利分享一些小轮子.

EmptyPage - Github

一个UITableView / UICollectionView扩展,用于在视图没有内容显示的时候显示空白页.

示例

empty1.gif

默认提供了三套样式(纯文字/纯图片/标准)

三套样式.png

安装

# 如果采用自定义样式,只需要引入 Core
pod 'EmptyPage/Core'
# 如果预设样式能够满足需求, 可以使用一下形式引入
pod 'EmptyPage'
pod 'EmptyPage/Standard'
# 后期加入的通用样式将以扩展的形式加入到以下仓库中
pod 'EmptyPage/Spec'

使用

EmptyPage.begin()
// 需要自定义空白页样式
let emptyView = EmptyView()
// 直接给emptyView属性赋值,会在reloadData的时候判断是否需要显示
collectionView.emptyView = emptyView
// 调用reloadData/delete/insert才会判断是否需要显示
collectionView.reloadData()

默认提供了3套默认样式,纯文本样式/纯图片样式/标准样式(图片+标题+描述+按钮形式)

// 图片(支持单张与多张) + 标题 + 描述 + 一个按钮 的样式
let emptyView: EmptyPageView = .standard(images: [UIImage(named: "empty")!],
                  title: "标题",
                  text: "描述文本",
                  btnTitle: "按钮标题") {
                  print("按钮事件")
  }
  
// 设置
tableView.setEmpty(view: emptyView) // 等价于 tableView.emptyView = emptyView
// 获取标准样式
let view = EmptyPageView.ContentView.standard
// 自定义配置标准样式
view.configImageView(images: [UIImage(named: "empty-1002")!])
view.titleLabel.text = "Connection failure"
view.button.setTitle("TRY AGAIN", for: .normal)
// 将标准样式条添加至背景View上(提供了约束设置的功能)
let emptyView: EmptyPageView = .mix(view: view)
// 设置
tableView.setEmpty(view: emptyView) // 等价于 tableView.emptyView = emptyView
上一篇下一篇

猜你喜欢

热点阅读