Swift5.0 - day13 - 响应式编程

一、响应式编程

  • 1.1、响应式编程(Reactive Programming,简称RP)
    响应式编程是一种编程范式,于1997年提出,可以简化异步编程,提供更优雅的数据绑定,一般与函数式融合在一起,所以也会叫做:函数响应式编程(Functional Reactive Programming,简称FRP)
  • 1.2、响应式编程比较著名的、成熟的响应式框架
    • (1)、ReactiveCocoa,简称RAC,有Objective-C、Swift版本
      官网
      github
    • (2)、ReactiveX,简称Rx,有众多编程语言的版本,比如RxJava、RxKotlin、RxJS、RxCpp、RxPHP、RxGo、RxSwift等等
      官网
      github

二、RxSwift

  • 2.1、RxSwift(ReactiveX for Swift),ReactiveX的Swift版本
    RxSwift 源码
    RxSwift中文文档
    建议:RxSwift 是一个比较重的框架,用到它可以说整个项目都可离不开它,与 RAC 差不多

  • 2.2、 RxSwift 在github上已经有详细的安装教程,这里只演示CocoaPods方式的安装

    // 第一步
    cd 项目
    // 第二步 生成Podfile文件
    pod init   
    
    // 第三步,用Xcode打开Podfile文件,导入RxSwift
    platform :ios, '9.0'
    
    target '项目名称' do
        use_frameworks!
    
        pod 'RxSwift', '~> 5'
        pod 'RxCocoa', '~> 5'
    
    end
    // 第四步 自动导入RxSwift
    pod install
    

    提示:项目名称就是 target_name

  • 2.3、导入 RxSwift

    import RxSwift
    import RxCocoa
    

    模块说明

    • RxSwift:Rx标准API的Swift实现,不包括任何iOS相关的内容
    • RxCocoa:基于RxSwift,给iOS UI控件扩展了很多Rx特性
  • 2.4、RxSwift 的核心角色

    • Observable:负责发送事件(Event)

    • Observer:负责订阅Observable,监听Observable发送的事件(Event)

      public enum Event<Element> {
           /// Next element is produced. 
           case next(Element)
           /// Sequence terminated with an error.
           case error(Swift.Error)
           /// Sequence completed successfully.
           case completed
      }
      
    • Event有3种

      • next: 携带具体数据
      • error: 携带错误信息,表明Observable终止,不会再发出事件
      • completed: 表明Observable终止,不会再发出事件
  • 2.5、创建、订阅 Observable 一

    let observable = Observable<Int>.create { observer in
          
          observer.onNext(1)
          observer.onCompleted()
          return Disposables.create()
    }
      
    observable.subscribe { (event) in
          switch event {
          case .next(let element):
              print(element)
          case .error(let error):
              print(error)
          case .completed:
              print("completed")
          }
      }
    

    上面的observable创建等价于下面的

    • let observable = Observable.just(1) // just后面是一个整体,可以是数组,如:Observable.just([1,2,3])
    • let observable = Observable.of(1)
    • let observable = Observable.from([1])

    订阅 observable.subscribe 还可以写为如下的表达式

    observable.subscribe(onNext: { (element) in
        print(element)
    }, onError: { (error) in
        print(error)
    }, onCompleted: {
        print("completed")
    })                                            
    

    如果我们只想 subscribe 执行一次可以加上 dispose(),也就是subscribe的返回值调用 dispose(),如下,那么再次发送订阅也不会再去执行

    observable.subscribe { (event) in
    }.dispose()
    
    observable.subscribe(onNext: { (element) in
         print(element)
    }, onError: { (error) in
         print(error)
    }, onCompleted: {
         print("completed")
    }).dispose()
    
  • 2.6、创建、订阅 Observable 二

    let bag = DisposeBag()
    
    let label = UILabel(frame: CGRect(x: 10, y: 100, width: 100, height: 30))
    label.backgroundColor = UIColor.white
    self.view.addSubview(label)
      
    let observable = Observable<Int>.timer(.seconds(3),period: .seconds(1),scheduler: MainScheduler.instance)
    observable.map { "数值是\($0)" }.bind(to: label.rx.text) .disposed(by: bag)
    
  • 2.7、创建 observer

    let observer = AnyObserver<Int>.init { event in switch event {
         case .next(let data):
            print(data)
         case .completed:
            print("completed")
         case .error(let error):
            print("error", error)
    } }
    Observable.just(1).subscribe(observer).dispose()
    let binder = Binder<String>(label) { label, text in label.text = text }
    Observable.just(1).map { "数值是\($0)" }.subscribe(binder).dispose() 
    Observable.just(1).map { "数值是\($0)" }.bind(to: binder).dispose()
    
  • 2.8、扩展 Binder 属性

    extension Reactive where Base: UIView {
        var hidden: Binder<Bool> {
           Binder<Bool>(base) { view, value in
               view.isHidden = value
           } 
        }
    }
    
    let observable = Observable<Int>.interval(.seconds(1),
                                        scheduler: MainScheduler.instance)
    observable.map { $0 % 2 == 0 }.bind(to: button.rx.hidden).disposed(by: bag)
    
  • 2.9、传统状态的监听,在开发中经常要对各种状态进行监听,传统的常见监听方案有

    • KVO
    • Target-Action
    • Notification
    • Delegate pBlock Callback

    传统方案经常会出现错综复杂的依赖关系、耦合性较高,还需要编写重复的非业务代码

  • 2.10、RxSwift的状态监听一

    • button 事件的监听

      button.rx.controlEvent(UIControl.Event.touchUpInside).subscribe(onNext: { (sender) in
          print("点击了target,tag=\(sender)")
      }).disposed(by: bag)
      

      提示:如果仅仅是点击事件我们可以使用 button.rx.tap

    • tableview 数据的绑定监听

      let data = Observable.just([ Person(name: "Jack", age: 10), Person(name: "Rose", age: 20)])
      
      data.bind(to: tableView.rx.items(cellIdentifier: "cell")) { row, person, cell in
          cell.textLabel?.text = [person.name](person.name)
          cell.detailTextLabel?.text = "\(person.age)" 
      }.disposed(by: bag)
      
      tableView.rx.modelSelected(Person.self) .subscribe(onNext: { person in
          print("点击了", [person.name](person.name)) 
      }).disposed(by: bag)
      
      tableView.rx.itemSelected.subscribe(onNext: { path in 
          print("点击了", path) 
      }).disposed(by: bag)
      

      提示:如果cell使我们自定义的,那么 .items(cellIdentifier: "cell")),后面的type要写:.items(cellIdentifier: "cell", cellType: 自定义cell的名字.self))

  • 2.11、RxSwift的状态监听二

    class Dog: NSObject {
        @objc dynamic var name: String?
    }
    
    dog.rx.observe(String.self, "name").subscribe(onNext: { name in
    
        print("name is", name ?? "nil")
    
    }).disposed(by: bag)
    
    [dog.name](dog.name) = "larry"
    [dog.name](dog.name) = "wangwang"
    
  • 2.12、RxSwift的状态监听三:通知,下面是进入后台的通知

    NotificationCenter.default.rx.notification(UIApplication.didEnterBackgroundNotification).subscribe(onNext: { notification in
           print("APP进入后台", notification) 
    }).disposed(by: bag)
    
  • 2.12、既是Observable,又是Observer

    [Observable.just(0.8).bind(to](Observable.just(0.8).bind(to): slider.rx.value).dispose()
    

    滑块的value

    slider.rx.value.map { "当前数值是:\($0)"}.bind(to: textField.rx.text).disposed(by: bag)
    

    textField内容的监听

    textField.rx.text.subscribe(onNext: { text in
       print("text is", text ?? "nil")
    }).disposed(by: bag)
    

    诸如UISlider.rx.value、UTextField.rx.text这类属性值,既是Observable,又是Observer ,它们是 RxCocoa.ControlProperty 类型

  • 2.13、Disposable

    • 每当Observable被订阅时,都会返回一个Disposable实例,当调用Disposable的dispose,就相当于取消订阅
    • 在不需要再接收事件时,建议取消订阅,释放资源。有3种常见方式取消订阅
      • 立即取消订阅(一次性订阅)

        observable.subscribe { event in
             print(event)
        }.dispose()
        
      • 当bag销毁(deinit)时,会自动调用Disposable实例的dispose

        observable.subscribe { event in
             print(event)
        }.disposed(by: bag)
        
      • self销毁时(deinit)时,会自动调用Disposable实例的dispose

        let _ = observable.takeUntil(self.rx.deallocated).subscribe { event in
            print(event)
        }
        

最后:航歌里面有更多的RxSwift的用法,大家可以学习

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容

  • 2017年6月12日 雨 星期一 小家伙从一洗澡就哭到爱上洗澡一出澡盆就哭。看下面的视频就清楚爱洗澡玩...
    盼玥儿阅读 260评论 0 0
  • 工作中要时刻保持在线,觉得不在状态,要及时调整,有一个自我缓解的方式,不要影响正常的工作。
    冰女孩阅读 56评论 0 0
  • 到苏州定居三年了,今乘秋凉气爽,决定到观前街旧地重游。 第一次到苏州来玩,还是1982年时。那时刚刚改革开放不久,...
    金煊阅读 598评论 5 6
  • 太阳已经落了西山,月亮已经高悬窗畔,万家灯火伴着霓虹显得如此耀眼,可内心却空出一座宫殿! 小小的屏幕讲述了世间千奇...
    蓝色汪星人阅读 199评论 0 0