zoukankan      html  css  js  c++  java
  • Driver

    Driver

    Driver 是一个精心准备的特征序列

    它主要是为了简化 UI 层的代码。不过如果遇到的序列具有以下特征,也可以使用它:

    • 不会产生 error 事件
    • 一定在 MainScheduler 监听(主线程监听)
    • 共享附加作用

    这些都是驱动 UI 的序列所具有的特征。

    • 为什么要使用 Driver ?
    let results = query.rx.text
        .throttle(0.3, scheduler: MainScheduler.instance)
        .flatMapLatest { query in
            fetchAutoCompleteItems(query)
        }
    
    results
        .map { "($0.count)" }
        .bind(to: resultCount.rx.text)
        .disposed(by: disposeBag)
    
    results
        .bind(to: resultsTableView.rx.items(cellIdentifier: "Cell")) {
          (_, result, cell) in
            cell.textLabel?.text = "(result)"
        }
        .disposed(by: disposeBag)
    

    这段代码的主要目的是:

    • 取出用户输入稳定后的内容
    • 向服务器请求一组结果
    • 将返回的结果绑定到两个 UI 元素上:tableView 和 显示结果数量的label

    那么这里存在什么问题?

    • 如果 fetchAutoCompleteItems 的序列产生了一个错误(网络请求失败),这个错误将取消所有绑定,当用户输入一个新的关键字时,是无法发起新的网络请求。

    • 如果 fetchAutoCompleteItems 在后台返回序列,那么刷新页面也会在后台进行,这样就会出现异常崩溃。

    • 返回的结果被绑定到两个 UI 元素上。那就意味着,每次用户输入一个新的关键字时,就会分别为两个 UI 元素发起 HTTP 请求,这并不是我们想要的结果。

    一个更好的方案是这样的:

    let results = query.rx.text
        .throttle(0.3, scheduler: MainScheduler.instance)
        .flatMapLatest { query in
            fetchAutoCompleteItems(query)
                .observeOn(MainScheduler.instance)  // 结果在主线程返回
                .catchErrorJustReturn([])           // 错误被处理了,这样至少不会终止整个序列
        }
        .share(replay: 1)                             // HTTP 请求是被共享的
    
    results
        .map { "($0.count)" }
        .bind(to: resultCount.rx.text)
        .disposed(by: disposeBag)
    
    results
        .bind(to: resultsTableView.rx.items(cellIdentifier: "Cell")) {
          (_, result, cell) in
            cell.textLabel?.text = "(result)"
        }
        .disposed(by: disposeBag)

    在一个大型系统内,要确保每一步不被遗漏是一件不太容易的事情。所以更好的选择是合理运用编译器和特征序列来确保这些必备条件都已经满足。

    以下是使用 Driver 优化后的代码:

    let results = query.rx.text.asDriver()        // 将普通序列转换为 Driver
        .throttle(0.3, scheduler: MainScheduler.instance)
        .flatMapLatest { query in
            fetchAutoCompleteItems(query)
                .asDriver(onErrorJustReturn: [])  // 仅仅提供发生错误时的备选返回值
        }
    
    results
        .map { "($0.count)" }
        .drive(resultCount.rx.text)               // 这里改用 `drive` 而不是 `bindTo`
        .disposed(by: disposeBag)                 // 这样可以确保必备条件都已经满足了
    
    results
        .drive(resultsTableView.rx.items(cellIdentifier: "Cell")) {
          (_, result, cell) in
            cell.textLabel?.text = "(result)"
        }
        .disposed(by: disposeBag)

    首先第一个 asDriver 方法将 ControlProperty 转换为 Driver

    然后第二个变化是:

    .asDriver(onErrorJustReturn: [])
    

    任何可监听序列都可以被转换为 Driver,只要他满足 3 个条件:

    • 不会产生 error 事件
    • 一定在 MainScheduler 监听(主线程监听)
    • 共享附加作用

    那么要如何确定条件都被满足?通过 Rx 操作符来进行转换。asDriver(onErrorJustReturn: []) 相当于以下代码:

    let safeSequence = xs
      .observeOn(MainScheduler.instance)       // 主线程监听
      .catchErrorJustReturn(onErrorJustReturn) // 无法产生错误
      .share(replay: 1, scope: .whileConnected)// 共享附加作用
    return Driver(raw: safeSequence)           // 封装
    

    最后使用 drive 而不是 bindTo

    drive 方法只能被 Driver 调用。这意味着,如果你发现代码所存在 drive,那么这个序列不会产生错误事件并且一定在主线程监听。这样你可以安全的绑定 UI 元素。

    Signal

    Signal 和 Driver 相似,唯一的区别是,Driver 会对新观察者回放(重新发送)上一个元素,而 Signal 不会对新观察者回放上一个元素。

    他有如下特性:

    不会产生 error 事件 一定在 MainScheduler 监听(主线程监听) 共享附加作用

    现在来看看以下代码是否合理:

    let textField: UITextField = ...
    let nameLabel: UILabel = ...
    let nameSizeLabel: UILabel = ...
    
    let state: Driver<String?> = textField.rx.text.asDriver()
    
    let observer = nameLabel.rx.text
    state.drive(observer)
    
    // ... 假设以下代码是在用户输入姓名后运行
    
    let newObserver = nameSizeLabel.rx.text
    state.map { $0?.count.description }.drive(newObserver)
    

    这个例子只是将用户输入的姓名绑定到对应的标签上。当用户输入姓名后,我们创建了一个新的观察者,用于订阅姓名的字数。那么问题来了,订阅时,展示字数的标签会立即更新吗?

    嗯、、、 因为 Driver 会对新观察者回放上一个元素(当前姓名),所以这里是会更新的。在对他进行订阅时,标签的默认文本会被刷新。这是合理的。

    那如果我们用 Driver 来描述点击事件呢,这样合理吗?

    let button: UIButton = ...
    let showAlert: (String) -> Void = ...
    
    let event: Driver<Void> = button.rx.tap.asDriver()
    
    let observer: () -> Void = { showAlert("弹出提示框1") }
    event.drive(onNext: observer)
    
    // ... 假设以下代码是在用户点击 button 后运行
    
    let newObserver: () -> Void = { showAlert("弹出提示框2") }
    event.drive(onNext: newObserver)

    当用户点击一个按钮后,我们创建一个新的观察者,来响应点击事件。此时会发生什么?Driver 会把上一次的点击事件回放给新观察者。所以,这里的 newObserver 在订阅时,就会接受到上次的点击事件,然后弹出提示框。这似乎不太合理。

    因此像这类型的事件序列,用 Driver 建模就不合适。于是我们就引入了 Signal:

    ...
    
    let event: Signal<Void> = button.rx.tap.asSignal()
    
    let observer: () -> Void = { showAlert("弹出提示框1") }
    event.emit(onNext: observer)
    
    // ... 假设以下代码是在用户点击 button 后运行
    
    let newObserver: () -> Void = { showAlert("弹出提示框2") }
    event.emit(onNext: newObserver)

    在同样的场景中,Signal 不会把上一次的点击事件回放给新观察者,而只会将订阅后产生的点击事件,发布给新观察者。这正是我们所需要的。

    结论

    一般情况下状态序列我们会选用 Driver 这个类型,事件序列我们会选用 Signal 这个类型。

  • 相关阅读:
    ST (Sparse Table:稀疏表)算法
    P3379 【模板】最近公共祖先(LCA)
    AT1357 n^p mod m(洛谷)
    poj2018 Best Cow Fences
    P1024 一元三次方程求解
    poj2456
    poj1064
    P2047 [NOI2007]社交网络(洛谷)
    poj1734
    洛谷P2886 [USACO07NOV]牛继电器Cow Relays
  • 原文地址:https://www.cnblogs.com/liuxiaokun/p/12682322.html
Copyright © 2011-2022 走看看