單個分區的表格
var tableView: UITableView!
override func viewDidLoad() {
super.viewDidLoad()
tableView = UITableView(frame: view.bounds, style: .plain)
// 註冊cell
tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cellid")
view.addSubview(tableView)
// 初始化數據
let items = Observable.just([
"Swift",
"Objective-C",
"JavaScript",
"Python",
"Go"
])
// 設置 tableView 數據 (原理是對 cellForRow 的封裝)
items.bind(to: tableView.rx.items) { tableView, row, element in
let cell = tableView.dequeueReusableCell(withIdentifier: "cellid")!
cell.textLabel?.text = "\(row): \(element)"
return cell
}.disposed(by: disposeBag)
}
單元格選中事件響應
// 設置 tableView 數據 (原理是對 cellForRow 的封裝)
items.bind(to: tableView.rx.items) { tableView, row, element in
let cell = tableView.dequeueReusableCell(withIdentifier: "cellid")!
cell.textLabel?.text = "\(row): \(element)"
return cell
}.disposed(by: disposeBag)
// 獲取選中項的索引
tableView.rx.itemSelected.subscribe(onNext: { indexPath in
print("選中項的indexPath爲: \(indexPath)")
}).disposed(by: disposeBag)
// 獲取選中項的內容
tableView.rx.modelSelected(String.self).subscribe(onNext: { item in
print("選中項的標題爲: \(item)")
}).disposed(by: disposeBag)
// 獲取選中項的索引和內容
Observable.zip(tableView.rx.itemSelected, tableView.rx.modelSelected(String.self)).bind { [weak self] indexPath, item in
print("~選中項的indexPath爲: \(indexPath)")
print("~選中項的標題爲: \(item)")
}.disposed(by: disposeBag)
單元格取消選中事件響應
// 獲取被取消選中項的索引
tableView.rx.itemDeselected.subscribe(onNext: { [weak self] indexPath in
print("被取消選中項的indexPath爲: \(indexPath)")
}).disposed(by: disposeBag)
// 獲取被取消選中項的內容
tableView.rx.modelDeselected(String.self).subscribe(onNext: { item in
print("被取消選中項的標題爲: \(item)")
}).disposed(by: disposeBag)
// 獲取選中項的索引和內容
Observable.zip(tableView.rx.itemSelected, tableView.rx.modelDeselected(String.self)).bind { [weak self] indexPath, item in
print("~被取消選中項的indexPath爲: \(indexPath)")
print("~被取消選中項的標題爲: \(item)")
}.disposed(by: disposeBag)
單元格刪除事件響應
// 打開 cell 的編輯功能
tableView.setEditing(true, animated: true)
// 獲取刪除項的索引
tableView.rx.itemDeleted.subscribe(onNext: { indexPath in
print("刪除項的indexPath: \(indexPath)")
}).disposed(by: disposeBag)
tableView.rx.modelDeleted(String.self).subscribe(onNext: { item in
print("刪除項的item: \(item)")
}).disposed(by: disposeBag)
// 刪除項的索引和內容
Observable.zip(tableView.rx.itemDeleted, tableView.rx.modelDeleted(String.self)).bind { indexPath, item in
print("~刪除項的indexPath: \(indexPath)")
print("~刪除項的item: \(item)")
}.disposed(by: disposeBag)
單元格移動事件響應
// 單元格移動事件響應
tableView.setEditing(true, animated: true)
tableView.rx.itemMoved.subscribe(onNext: { sourceIndexPath, destinationIndexPath in
print("移動項原來的的indexPath: \(sourceIndexPath)")
print("移動項現在的的indexPath: \(destinationIndexPath)")
}).disposed(by: disposeBag)
// 獲取插入項的索引
tableView.rx.itemInserted.subscribe(onNext: { [weak self] indexPath in
print("插入項的indexPath爲:\(indexPath)")
}).disposed(by: disposeBag)
// 獲取點擊的尾部圖標的索引
tableView.rx.itemAccessoryButtonTapped.subscribe(onNext: { [weak self] indexPath in
print("尾部項的indexPath爲:\(indexPath)")
}).disposed(by: disposeBag)
單元格插入事件響應
// 單元格將要顯示出來的事件響應
tableView.rx.willDisplayCell.subscribe(onNext: { cell, indexPath in
print("將要顯示的indexPath爲:\(indexPath)")
print("將要顯示的cell爲:\(indexPath)")
}).disposed(by: disposeBag)
設置代理
// 設置代理
tableView.rx.setDelegate(self).disposed(by: disposeBag)
實現代理方法
// MARK: - UITableViewDelegate
extension RxDataSourcesWithHeaderController: UITableViewDelegate {
// 設置單元格高度
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return 60
}
// 設置分區頭的高度
func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
return 40
}
// 是分區頭部視圖
func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
let headerView = UIView()
/// ...
return headerView
}
}