這篇文章主要給大家介紹了關於Swift解決UITableView空數據視圖問題的簡單方法,文中通過示例代碼介紹的非常詳細,對大家學習或者使用swift具有一定的參考學習價值,需要的朋友可以參考下
前言
UITableView在現如今的APP中已經成爲必不可少的一個控件,所以今天給大家帶來UITableView在Swift中是如何實現的,下面這篇文章主要給大家介紹了關於Swift解決UITableView空數據視圖的相關內容,下面話不多說了,來一起看看詳細的介紹吧
tableView空數據問題
一般項目中tableView若數據爲空時會有一個提示示意圖
爲了更好的管理這種提示示意圖,筆者利用extension進行了簡單的拓展
解決思路
利用swift面向協議的特點,使用協議來進行設置。
- 設計空視圖協議
- tableView設置空視圖代理
- 每次重繪tableView時判斷添加或移除空數據提示圖
具體實現
空視圖協議,遵守協議必須實現showEmtpy屬性
private let EmptyViewTag = 12345; protocol EmptyViewProtocol: NSObjectProtocol { ///用以判斷是會否顯示空視圖 var showEmtpy: Bool {get} ///配置空數據提示圖用於展示 func configEmptyView() -> UIView? } extension EmptyViewProtocol { func configEmptyView() -> UIView? { return nil } }
tableView擴展配置,實現空數據示意圖展示判斷
DispatchQueue.once和BQTool.exchangeMethod是隻執行一次方法交換操作,具體實現可看源碼
func setEmtpyViewDelegate(target: EmptyViewProtocol) { self.emptyDelegate = target DispatchQueue.once(#function) { BQTool.exchangeMethod(cls: self.classForCoder, targetSel: #selector(self.layoutSubviews), newSel: #selector(self.re_layoutSubviews)) } } @objc func re_layoutSubviews() { self.re_layoutSubviews() if self.emptyDelegate!.showEmtpy { guard let view = self.emptyDelegate?.configEmptyView() else { return; } view.tag = EmptyViewTag; self.addSubview(view) } else { guard let view = self.viewWithTag(EmptyViewTag) else { return; } view .removeFromSuperview() } } //MARK:- ***** Associated Object ***** private struct AssociatedKeys { static var emptyViewDelegate = "tableView_emptyViewDelegate" } private var emptyDelegate: EmptyViewProtocol? { get { return (objc_getAssociatedObject(self, &AssociatedKeys.emptyViewDelegate) as! EmptyViewProtocol) } set (newValue){ objc_setAssociatedObject(self, &AssociatedKeys.emptyViewDelegate, newValue!, .OBJC_ASSOCIATION_RETAIN) } }
示例代碼
//關鍵部分代碼 class ViewController: UIViewController , EmptyViewProtocol { private var datas: Array<Dictionary<String, String>>? /// 空數據提示圖 private var label: UILabel? var showEmtpy: Bool { get { if let data = self.datas { return data.count == 0 } return true } } override func viewDidLoad() { super.viewDidLoad() let tableView: UITableView = ... tableView.setEmtpyViewDelegate(target: self) self.view.addSubview(tableView) } func configEmptyView() -> UIView? { if let view = self.label { return view } let lab = UILabel(frame: CGRect(x: 100, y: 300, width: 200, height: 30)) lab.text = "this is a test" lab.textAlignment = .center self.label = lab return lab } }
效果圖如下
最後
- 該設計較爲簡單方便管理,若有不妥之處望指出
- 相關代碼請前往swiftCustomControl (本地下載)查看
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對神馬文庫的支持。