1.常規(guī)步驟，RX的pod導(dǎo)入
參看：http://www.reibang.com/p/ba33981cf597
2.創(chuàng)建UI序列

 let isRunning = Observable
            .merge([startBtn.rx.tap.map({return true}), stopBtn.rx.tap.map({return false})])
            .startWith(false)
            .share(replay: 1, scope: .whileConnected)

let isNotRunning = isRunning
            .map({running -> Bool in
                print(running)
                return !running
            })
            .share(replay: 1, scope: .whileConnected)

3.UI序列響應(yīng)綁定

      isRunning.subscribe(onNext:{
            print($0)
        })
            .disposed(by: disposBag)

    isRunning
            .bind(to: stopBtn.rx.isEnabled)
            .disposed(by: disposBag)
        
        isNotRunning
            .bind(to: splitBtn.rx.isHidden)
            .disposed(by: disposBag)
        
        isNotRunning
            .bind(to: startBtn.rx.isEnabled)
            .disposed(by: disposBag)

4.創(chuàng)建定時器序列

  timer = Observable<Int>
            .interval(0.1, scheduler: MainScheduler.instance)
            .withLatestFrom(isRunning, resultSelector: {_, running in running})
            .filter({runing in runing})
            .scan(0, accumulator: {(acc, _) in
                return acc+1
            })
            .startWith(0)
            .share(replay: 1, scope: .whileConnected)

5.定時器序列事件響應(yīng)綁定

        timer
            .subscribe{ (mecs) in
                print("\(mecs)00ms")
            }
            .disposed(by: disposBag)
        
        
        timer.map(stringFromTimeInterval)
            .bind(to: self.topLab.rx.text)
            .disposed(by: disposBag)

6.其他序列的創(chuàng)建和綁定流程

        let lapsSequence = timer
            .sample(splitBtn.rx.tap)
            .map(stringFromTimeInterval)
            .scan([String](), accumulator: { lapTimes, newTime in
                return lapTimes + [newTime]
            })
            .share(replay: 1, scope: .whileConnected)
        
        lapsSequence
            .bind(to: scView.rx.items(cellIdentifier: "Cell", cellType: UITableViewCell.self)) { (row, element, cell) in
                cell.textLabel?.text = "\(row+1)) \(element)"
            }
            .disposed(by: disposBag)

7.實現(xiàn)效果

1.png

代碼地址：https://gitee.com/xgkp/Rx1point1.git