RxSwift笔记 - RxCocoa 基础 (三) : UITableView

单个分区的表格

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