[Swift] UITableView:静态 TableView 的简化之道

前言

首先以 "微信" 应用我的界面为例, 怎么让快速的实现如下的界面呢? 可以先猜一下,我会给出什么样的简化方案.

我的解决方案

好了, 废话不多话, 步骤也省了. 直接上结果: StaticTableViewAdapter

直接以一个 Adapter 作为 UITableViewCell 的容器.

public protocol StaticHeightAware{ var staticHeight: CGFloat{ get } } public class StaticTableViewAdapter: NSObject, UITableViewDataSource, UITableViewDelegate{ public private(set) var cells:[UITableViewCell] = [] private weak var tableView: UITableView? public var didTapCell: ((UITableViewCell) -> Void)? init(cells: [UITableViewCell]){ self.cells = cells } public func bind(to tableView: UITableView){ self.tableView = tableView tableView.dataSource = self tableView.delegate = self } public func staticCell(atIndexPath indexPath: IndexPath) -> UITableViewCell{ return cells[indexPath.row] } public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return cells.count } public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { return cells[indexPath.row] } // MARK: UITableViewDelegate public func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { let cell = staticCell(atIndexPath: indexPath) if let heightAware = cell as? StaticHeightAware{ return heightAware.staticHeight } return tableView.rowHeight } public func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { didTapCell?(staticCell(atIndexPath: indexPath)) tableView.deselectRow(at: indexPath, animated: true) } } 

空白的间隔可以以一个 EmptyCell 来实现.作为空白的 Hack. 可以指定高度.

public class EmptyCell: UITableViewCell, StaticHeightAware{ public var staticHeight: CGFloat = 15 public init(height: CGFloat = 15){ super.init(style: .default, reuseIdentifier: "emptyCell") staticHeight = height contentView.backgroundColor = UIColor(white: 0.932, alpha: 1.0) } required public init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } } 

实现此列表

func makeEntryCell(title:String) -> UITableViewCell{ let cell = UITableViewCell(style: .default, reuseIdentifier: "entryCell") cell.textLabel?.text = title return cell } let albumCell = makeEntryCell(title: "相册") let favoriteCell = makeEntryCell(title: "收藏") let walletCell = makeEntryCell(title: "钱包") let cardCell = makeEntryCell(title: "卡包") let emotiOnCell= makeEntryCell(title: "表情") let settingsCell = makeEntryCell(title: "设置") let adapter = StaticTableViewAdapter(cells: [ albumCell, favoriteCell, EmptyCell(), walletCell, cardCell, EmptyCell(), emotionCell, EmptyCell(),settingsCell ]) let tableView = UITableView(frame: CGRect(x:0,y:0,width:320,height:480), style: .plain) tableView.backgroundColor = UIColor(white: 0.932, alpha: 1.0) tableView.tableFooterView = UIView() adapter.bind(to: tableView) adapter.didTapCell = { cell in switch cell { case albumCell: NSLog("Did Tap Cell albumCell") default: break } } 

最后,我这只是抛砖引玉, 各位可以根据自己的需要再进一步扩展. 有什么不足,敬请指正. 实例截图: