Skip to content

Latest commit

 

History

History
119 lines (98 loc) · 3.4 KB

15、UITableView 的基本用法.md

File metadata and controls

119 lines (98 loc) · 3.4 KB
Raw

UITableView 的基本用法

1、单个分区的表格

//创建表格
self.tableView = UITableView(frame: self.view.frame)
//创建从用的单元格
self.tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cell")
self.view.addSubview(self.tableView)

//初始化数据
let items = Observable.just([
"标题1",
"标题2",
"标题3",
"标题4"
])

//设置单元格 其实就是对 cellForRowAt 的封装
items.bind(to: self.tableView.rx.items){ (tableView, row, element) in
let cell = tableView.dequeueReusableCell(withIdentifier: "cell")!
cell.textLabel?.text = "\(row)：\(element)"
return cell
}
.disposed(by: disposeBag)

2、单元格选中事件响应

//获取选中项的索引
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
self?.showMessage("选中项的indexPath为：\(indexPath)")
self?.showMessage("选中项的标题为：\(item)")
}
.disposed(by: disposeBag)

3、单元格取消选中事件响应

//获取被取消选中项的索引
tableView.rx.itemDeselected.subscribe(onNext: { [weak self] indexPath in
self?.showMessage("被取消选中项的indexPath为：\(indexPath)")
}).disposed(by: disposeBag)

//获取被取消选中项的内容
tableView.rx.modelDeselected(String.self).subscribe(onNext: {[weak self] item in
self?.showMessage("被取消选中项的的标题为：\(item)")
}).disposed(by: disposeBag)

合并

Observable.zip(tableView.rx.itemDeselected, tableView.rx.modelDeselected(String.self))
.bind { [weak self] indexPath, item in
self?.showMessage("被取消选中项的indexPath为：\(indexPath)")
self?.showMessage("被取消选中项的的标题为：\(item)")
}
.disposed(by: disposeBag)

4、单元格删除事件响应

//获取删除项的索引
tableView.rx.itemDeleted.subscribe(onNext: { [weak self] indexPath in
self?.showMessage("删除项的indexPath为：\(indexPath)")
}).disposed(by: disposeBag)

//获取删除项的内容
tableView.rx.modelDeleted(String.self).subscribe(onNext: {[weak self] item in
self?.showMessage("删除项的的标题为：\(item)")
}).disposed(by: disposeBag)

5、单元格移动事件响应

//获取移动项的索引
tableView.rx.itemMoved.subscribe(onNext: { [weak self]
sourceIndexPath, destinationIndexPath in
self?.showMessage("移动项原来的indexPath为：\(sourceIndexPath)")
self?.showMessage("移动项现在的indexPath为：\(destinationIndexPath)")
}).disposed(by: disposeBag)

6、单元格插入事件响应

//获取插入项的索引
tableView.rx.itemInserted.subscribe(onNext: { [weak self] indexPath in
self?.showMessage("插入项的indexPath为：\(indexPath)")
}).disposed(by: disposeBag)

7、单元格将要显示出来的事件响应

//单元格将要显示出来的事件响应
tableView.rx.willDisplayCell.subscribe(onNext: { cell, indexPath in
print("将要显示单元格indexPath为：\(indexPath)")
print("将要显示单元格cell为：\(cell)\n")

}).disposed(by: disposeBag)