美文网首页
RxSwift官方实例八(UITableVIew)

RxSwift官方实例八(UITableVIew)

作者: 酒茶白开水 | 来源:发表于2020-12-02 10:37 被阅读0次

    代码下载

    UITableView的Rx实现分析

    RxTableViewDelegateProxy分析

    RxTableViewDelegateProxy继承自RxScrollViewDelegateProxy并遵守UITableViewDelegate协议:

    open class RxTableViewDelegateProxy
        : RxScrollViewDelegateProxy
        , UITableViewDelegate {
    
        /// Typed parent object.
        public weak private(set) var tableView: UITableView?
    
        /// - parameter tableView: Parent object for delegate proxy.
        public init(tableView: UITableView) {
            self.tableView = tableView
            super.init(scrollView: tableView)
        }
    
    }
    

    RxTableViewDelegateProxy并未实现任何UITableViewDelegate协议中定义的函数,最终都走消息转发的形式。

    需要注意的是RxTableViewDelegateProxy并没有实现registerKnownImplementations函数来注册实例对象的生成闭包。原因是其父类RxScrollViewDelegateProxy已经实现,并将RxScrollViewDelegateProxy及其所有子类的生成闭包都注册了。

    RxTableViewDataSourceProxy分析

    RxTableViewDataSourceProxy的实现跟RxPickerViewDataSourceProxy的实现一样……

    RxTableViewReactiveArrayDataSourceSequenceWrapper分析

    RxTableViewReactiveArrayDataSourceSequenceWrapper的实现跟RxPickerViewAdapter的实现一样,只支持一组数据……

    基于UITableView的Reactive扩展分析

    其实这个扩展与基于UIPickerView的Reactive扩展也是类似的,主要分析下面几个函数的实现:

    public func items<
                DataSource: RxTableViewDataSourceType & UITableViewDataSource,
                Source: ObservableType>
            (dataSource: DataSource)
            -> (_ source: Source)
            -> Disposable
            where DataSource.Element == Source.Element {
            return { source in
                _ = self.delegate
                return source.subscribeProxyDataSource(ofObject: self.base, dataSource: dataSource as UITableViewDataSource, retainDataSource: true) { [weak tableView = self.base] (_: RxTableViewDataSourceProxy, event) -> Void in
                    guard let tableView = tableView else {
                        return
                    }
                    dataSource.tableView(tableView, observedEvent: event)
                }
            }
        }
    
    • 接收一个遵守RxTableViewDataSourceTypeUITableViewDataSource协议的参数dataSource,返回一个(_ source: Source) -> Disposable闭包
    • 直接构建闭包用于返回
    • 在构建的闭包中执行self.delegate确保代理对象存在
    • 然后在构建的闭包中执行原数据序列的subscribeProxyDataSource函数
    • subscribeProxyDataSource函数内部将dataSource参数赋值给RxDataSource代理对象的forwardDelegate属性,并且订阅原数据序列执行参数binding闭包
    • subscribeProxyDataSource函数参数binding闭包中执行dataSource.tableView(tableView, observedEvent: event)函数,为dataSource赋值数据用于保存并刷新tableView
    public func items<Sequence: Swift.Sequence, Source: ObservableType>
            (_ source: Source)
            -> (_ cellFactory: @escaping (UITableView, Int, Sequence.Element) -> UITableViewCell)
            -> Disposable
            where Source.Element == Sequence {
                return { cellFactory in
                    let dataSource = RxTableViewReactiveArrayDataSourceSequenceWrapper<Sequence>(cellFactory: cellFactory)
                    return self.items(dataSource: dataSource)(source)
                }
        }
    
    • 接受一个Source原数据序列参数返回(_ cellFactory: @escaping (UITableView, Int, Sequence.Element) -> UITableViewCell) -> Disposable闭包
    • 直接构建闭包返回,在返回的闭包中再用生产cell的闭包cellFactory构建RxTableViewReactiveArrayDataSourceSequenceWrapper
    • 然后在返回的闭包中使用原数据source和构建的RxTableViewReactiveArrayDataSourceSequenceWrapper执行self.items(dataSource: dataSource)(source)绑定数据并返回Disposable
    public func items<Sequence: Swift.Sequence, Cell: UITableViewCell, Source: ObservableType>
            (cellIdentifier: String, cellType: Cell.Type = Cell.self)
            -> (_ source: Source)
            -> (_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void)
            -> Disposable
            where Source.Element == Sequence {
            return { source in
                return { configureCell in
                    let dataSource = RxTableViewReactiveArrayDataSourceSequenceWrapper<Sequence> { tv, i, item in
                        let indexPath = IndexPath(item: i, section: 0)
                        let cell = tv.dequeueReusableCell(withIdentifier: cellIdentifier, for: indexPath) as! Cell
                        configureCell(i, item, cell)
                        return cell
                    }
                    return self.items(dataSource: dataSource)(source)
                }
            }
        }
    
    • 接受cellIdentifiercellType两个参数用于构建cell,返回一个(_ source: Source) -> (_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void) -> Disposable闭包,返回的闭包中又返回(_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void) -> Disposable闭包
    • 直接构建两层闭包返回,在内层闭包中构建一个生产cell的闭包,在生产cell的闭包中使用参数configureCell配置cell,然后再用生产cell的闭包构建RxTableViewReactiveArrayDataSourceSequenceWrapper
    • 然后在内层闭包中使用原数据source和构建的RxTableViewReactiveArrayDataSourceSequenceWrapper执行self.items(dataSource: dataSource)(source)绑定数据并返回Disposable

    其他一系列的ControlEvent序列如itemSelecteditemDeselecteditemAccessoryButtonTapped等,都是RxTableViewDelegateProxy通过消息转发方式实现的序列然后进行一些数据转化得到的。

    UITableview单组数据绑定

    在新建控制器中构建一个UITableview设置为属性tableView

    然后如下绑定数据:

    Observable.just(0..<100)
        .bind(to: tableView.rx.items, curriedArgument: { (tv, row, element) -> UITableViewCell in
            let cell = tv.dequeueReusableCell(withIdentifier: "CellIdentifier", for: IndexPath(row: row, section: 0))
            cell.textLabel?.text = "第\(row)行元素为:\(element)"
            return cell
        }).disposed(by: bag)
    

    UITableview的数据绑定过程跟UIPickerView也是完全一致:

    • 将构建的原数据序列Observable.just(0..<100)作为参数执行(_ source: Source) -> (_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void) -> Disposable类型的tableView.rx.items闭包,返回(_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void) -> Disposable闭包
    • curriedArgument作为参数执行(_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void) -> Disposable闭包,闭包内部构建RxTableViewReactiveArrayDataSourceSequenceWrapper对象并执行func items (dataSource: DataSource) -> (_ source: Source) -> Disposable函数进行数据绑定

    根据对UITableView的Rx实现分析,还可以使用如下方式来绑定数据:

    Observable.just(0..<100)
        .bind(to: tableView.rx.items(cellIdentifier: "Cell", cellType: UITableViewCell.self), curriedArgument: { $2.textLabel?.text = "第\($0)行元素为:\($1)" })
        .disposed(by: bag)
    
    • 执行tableView.rx.items(cellIdentifier: "Cell", cellType: UITableViewCell.self),返回(_ source: Source) -> (_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void) -> Disposable闭包
    • 将构建的原数据序列作为参数执行(_ source: Source) -> (_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void) -> Disposable闭包,返回(_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void) -> Disposable闭包
    • curriedArgument作为参数执行(_ configureCell: @escaping (Int, Sequence.Element, Cell) -> Void) -> Disposable闭包,闭包内部构建RxTableViewReactiveArrayDataSourceSequenceWrapper对象并执行func items (dataSource: DataSource) -> (_ source: Source) -> Disposable函数进行数据绑定

    相关文章

      网友评论

          本文标题:RxSwift官方实例八(UITableVIew)

          本文链接:https://www.haomeiwen.com/subject/huyywktx.html