快捷導(dǎo)航

Swift解決UITableView空數(shù)據(jù)視圖問題的簡(jiǎn)單方法

更新時(shí)間：2018年10月13日 15:51:13 作者：紫色大番薯

這篇文章主要給大家介紹了關(guān)于Swift解決UITableView空數(shù)據(jù)視圖問題的簡(jiǎn)單方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用swift具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考下

前言

UITableView在現(xiàn)如今的APP中已經(jīng)成為必不可少的一個(gè)控件,所以今天給大家?guī)?lái)UITableView在Swift中是如何實(shí)現(xiàn)的，下面這篇文章主要給大家介紹了關(guān)于Swift解決UITableView空數(shù)據(jù)視圖的相關(guān)內(nèi)容，下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧

tableView空數(shù)據(jù)問題

一般項(xiàng)目中tableView若數(shù)據(jù)為空時(shí)會(huì)有一個(gè)提示示意圖

為了更好的管理這種提示示意圖，筆者利用extension進(jìn)行了簡(jiǎn)單的拓展

解決思路

利用swift面向協(xié)議的特點(diǎn)，使用協(xié)議來(lái)進(jìn)行設(shè)置。

設(shè)計(jì)空視圖協(xié)議
tableView設(shè)置空視圖代理
每次重繪tableView時(shí)判斷添加或移除空數(shù)據(jù)提示圖

具體實(shí)現(xiàn)

空視圖協(xié)議，遵守協(xié)議必須實(shí)現(xiàn)showEmtpy屬性

private let EmptyViewTag = 12345;

protocol EmptyViewProtocol: NSObjectProtocol {
 
 ///用以判斷是會(huì)否顯示空視圖
 var showEmtpy: Bool {get}
 
 ///配置空數(shù)據(jù)提示圖用于展示
 func configEmptyView() -> UIView?
}

extension EmptyViewProtocol {
 
 func configEmptyView() -> UIView? {
  return nil
 }
}

tableView擴(kuò)展配置，實(shí)現(xiàn)空數(shù)據(jù)示意圖展示判斷

DispatchQueue.once和BQTool.exchangeMethod是只執(zhí)行一次方法交換操作，具體實(shí)現(xiàn)可看源碼

 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)
  }
 }

示例代碼

//關(guān)鍵部分代碼
class ViewController: UIViewController , EmptyViewProtocol {

 private var datas: Array<Dictionary<String, String>>?
 /// 空數(shù)據(jù)提示圖
 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
 }
}

效果圖如下