Swift響應(yīng)式編程-RxSwift簡(jiǎn)單入門

1、背景

    響應(yīng)式編程(Reactive Programming仙辟,簡(jiǎn)稱RP)也是一種編程范式同波,于1997年提出,可以簡(jiǎn)化異步編程叠国,提供更優(yōu)雅的數(shù)據(jù)綁定
  一般與函數(shù)式融合在一起未檩,所以也會(huì)叫做:函數(shù)響應(yīng)式編程(Functional Reactive Programming,簡(jiǎn)稱FRP)

比較著名的煎饼、成熟的響應(yīng)式框架  
  ReactiveCocoa
  簡(jiǎn)稱RAC讹挎,有Objective-C、Swift版本
  官網(wǎng): http://reactivecocoa.io/
  github:https://github.com/ReactiveCocoa

  ReactiveX(推薦)
  簡(jiǎn)稱Rx吆玖,有眾多編程語言的版本筒溃,比如RxJava、RxKotlin沾乘、RxJS怜奖、RxCpp、RxPHP翅阵、RxGo歪玲、RxSwift等等
  官網(wǎng): http://reactivex.io/
  github: https://github.com/ReactiveX

2、RxSwift安裝

RxSwift(ReactiveX for Swift)掷匠,ReactiveX的Swift版本
  源碼:https://github.com/ReactiveX/RxSwift
  中文文檔: https://beeth0ven.github.io/RxSwift-Chinese-Documentation/

RxSwift的github上已經(jīng)有詳細(xì)的安裝教程滥崩,這里只演示CocoaPods方式的安裝
  Podfile
    use_frameworks!

    target 'target_name' do 
      pod 'RxSwift', '~> 5' 
      pod 'RxCocoa', '~> 5' 
    end

  命令行
    pod repo update
    pod install

  導(dǎo)入模塊
    import RxSwift 
    import RxCocoa

模塊說明
  RxSwift:Rx標(biāo)準(zhǔn)API的Swift實(shí)現(xiàn),不包括任何iOS相關(guān)的內(nèi)容
  RxCocoa:基于RxSwift讹语,給iOS UI控件擴(kuò)展了很多Rx特性

3钙皮、RxSwift的核心角色

Observable:負(fù)責(zé)發(fā)送事件(Event)
Observer:負(fù)責(zé)訂閱Observable,監(jiān)聽Observable發(fā)送的事件(Event)

Event有3種
  next:攜帶具體數(shù)據(jù)
  error:攜帶錯(cuò)誤信息顽决,表明Observable終止短条,不會(huì)再發(fā)出事件
  completed:表明Observable終止,不會(huì)再發(fā)出事件

  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
  }

4才菠、Disposable

每當(dāng)Observable被訂閱時(shí)茸时,都會(huì)返回一個(gè)Disposable實(shí)例,當(dāng)調(diào)用Disposable的dispose赋访,就相當(dāng)于取消訂閱
    在不需要再接收事件時(shí)可都,建議取消訂閱缓待,釋放資源。有3種常見方式取消訂閱
      1. 立即取消訂閱(一次性訂閱)
        observable.subscribe { event in 
          print(event) 
        }.dispose()
      2. 當(dāng)bag銷毀(deinit)時(shí)汹粤,會(huì)自動(dòng)調(diào)用Disposable實(shí)例的dispose
        observable.subscribe { event in 
          print(event) 
        }.disposed(by: bag)
      3. self銷毀時(shí)(deinit)時(shí)命斧,會(huì)自動(dòng)調(diào)用Disposable實(shí)例的dispose
        let _ = observable.take(until: self.rx.deallocated).subscribe { event in
          print(event) 
        }

5、創(chuàng)建嘱兼、訂閱Observable

/// 1.普通創(chuàng)建
var observable = Observable<Int>.create { observer in 
  observer.onNext(1) 
  observer.onCompleted() 
  return Disposables.create() 
} 
// 等價(jià)于 
observable = Observable.just(1) //只能發(fā)送單個(gè)數(shù)據(jù)
observable = Observable.of(1) //可發(fā)送多個(gè)數(shù)據(jù)
observable = Observable.from([1])//可發(fā)送多個(gè)數(shù)據(jù)

var observable = Observable<Int>.create { observer in 
  observer.onNext(1) 
  observer.onNext(2) 
  observer.onNext(3) 
  observer.onCompleted() 
  return Disposables.create() 
} 
// 等價(jià)于 
observable = Observable.of(1, 2, 3) 
observable = Observable.from([1, 2, 3])

observable.subscribe { event in 
  print(event) 
}.dispose()

observable.subscribe(onNext: { 
  print("next", $0) 
}, onError: {
  print("error", $0) 
}, onCompleted: {
  print("completed") 
}, onDisposed: {
  print("dispose") 
}).dispose()
//等價(jià)于
let bag = DisposeBag()
observable.subscribe { event in
    switch event {
    case .next(let element):
        print("next", element)
    case .error(let error):
        print("error",error)
    case .completed:
        print("completed")
    }
}.disposed(by: bag)

/// 2.間隔時(shí)間發(fā)送, 比如: 兩秒之后, 每隔一秒鐘在主線程發(fā)送一次
let observable = Observable<Int>.timer(.seconds(2), period: .seconds(1), scheduler: MainScheduler.instance)
//bind(to: 也是訂閱, 傳入?yún)?shù)為observer
let _ = observable
    .take(until: self.rx.deallocated)
    .map {"\($0)"}
    .bind(to: UILabel().rx.text)//rx.text 是一個(gè)observer

6国葬、 創(chuàng)建Observer

//方式一: 通過AnyObserver
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()

//方式二: 通過Binder
let binder = Binder<String>(label){ label, text in
    label.text = text
}
Observable.just(1).map{"數(shù)值是\($0)"}.subscribe(binder).dispose()
Observable.just(1).map{"數(shù)值是\($0)"}.bind(to: binder).dispose()

7、擴(kuò)展Binder屬性

/// 需求: 從兩秒后開始, 按鈕每隔1秒進(jìn)行一次顯隱切換
//方法一:
let observable = Observable<Int>.timer(.seconds(2), period: .seconds(1), scheduler: MainScheduler.instance)
let binder = Binder<Bool>(button){ button, value in
    button.isHidden = value
}
observable.map{ $0 % 2 == 0 }.bind(to: binder).disposed(by: bag)

//方法二:
let observable = Observable<Int>.timer(.seconds(2), period: .seconds(1), scheduler: MainScheduler.instance)
observable.map{ $0 % 2 == 0 }.bind(to: button.rx.hidden).disposed(by: bag) //要實(shí)現(xiàn)button.rx.hidden, 需要給button擴(kuò)展屬性

//擴(kuò)展Binder屬性:  來實(shí)現(xiàn)button.rx.hidden
extension Reactive where Base: UIView{
    var hidden: Binder<Bool>{//只讀計(jì)算屬性
        Binder<Bool>(base) { view, value in
            view.isHidden = value
        }
    }
}

8芹壕、RxSwift的狀態(tài)監(jiān)聽

/// ①監(jiān)聽按鈕點(diǎn)擊狀態(tài)
button.rx.tap.subscribe(onNext: { 
  print("按鈕被點(diǎn)擊了1") 
}).disposed(by: bag)

/// ②監(jiān)聽列表狀態(tài)
let data = Observable.just([ 
  Person(name: "Jack", age: 10), 
  Person(name: "Rose", age: 20) 
]) 
// 1.將數(shù)據(jù)綁定到TableView上
data.bind(to: tableView.rx.items(cellIdentifier: "cell")) { row, person, cell in
  cell.textLabel?.text = person.name
  cell.detailTextLabel?.text = "\(person.age)" 
}.disposed(by: bag)
// 2.TableViewCell點(diǎn)擊事件響應(yīng)
tableView.rx.modelSelected(Person.self) 
  .subscribe(onNext: { person in 
    print("點(diǎn)擊了", person.name) 
  }).disposed(by: bag)

/// ③監(jiān)聽對(duì)象屬性變化(類似KVO)
class Dog: NSObject { 
  //@objc dynamic應(yīng)用于變量是為了讓變量能夠使用kvo機(jī)制
  @objc dynamic var name: String? 
} 

let dog = Dog()
let bag = DisposeBag()
dog.rx.observe(String.self, "name")
  .subscribe(onNext: { name in
    print("name is", name ?? "nil")
  }).disposed(by: bag)
dog.name = "Kris"
dog.name = "Amok"


/// ④監(jiān)聽通知
NotificationCenter.default.rx
      .notification(UIApplication.didEnterBackgroundNotification) 
      .subscribe(onNext: { notification in 
        print("APP進(jìn)入后臺(tái)", notification) 
      }).disposed(by: bag)

9汇四、既是Observable,又是Observer

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

slider.rx.value.map { 
  "當(dāng)前數(shù)值是:\($0)" 
}.bind(to: textField.rx.text).disposed(by: bag)

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

// 總結(jié): 諸如UISlider.rx.value踢涌、UTextField.rx.text這類屬性值通孽,既是Observable,又是Observer
//  它們是RxCocoa.ControlProperty類型
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末睁壁,一起剝皮案震驚了整個(gè)濱河市背苦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌潘明,老刑警劉巖行剂,帶你破解...
    沈念sama閱讀 206,968評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異钳降,居然都是意外死亡厚宰,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門遂填,熙熙樓的掌柜王于貴愁眉苦臉地迎上來铲觉,“玉大人,你說我怎么就攤上這事吓坚∧煊模” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵礁击,是天一觀的道長(zhǎng)并齐。 經(jīng)常有香客問我,道長(zhǎng)客税,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,416評(píng)論 1 279
  • 正文 為了忘掉前任撕贞,我火速辦了婚禮更耻,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘捏膨。我一直安慰自己秧均,他們只是感情好食侮,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著目胡,像睡著了一般锯七。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上誉己,一...
    開封第一講書人閱讀 49,144評(píng)論 1 285
  • 那天眉尸,我揣著相機(jī)與錄音,去河邊找鬼巨双。 笑死噪猾,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的筑累。 我是一名探鬼主播袱蜡,決...
    沈念sama閱讀 38,432評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼慢宗!你這毒婦竟也來了坪蚁?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,088評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤镜沽,失蹤者是張志新(化名)和其女友劉穎敏晤,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體淘邻,經(jīng)...
    沈念sama閱讀 43,586評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡茵典,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了宾舅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片统阿。...
    茶點(diǎn)故事閱讀 38,137評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖筹我,靈堂內(nèi)的尸體忽然破棺而出扶平,到底是詐尸還是另有隱情,我是刑警寧澤蔬蕊,帶...
    沈念sama閱讀 33,783評(píng)論 4 324
  • 正文 年R本政府宣布结澄,位于F島的核電站,受9級(jí)特大地震影響岸夯,放射性物質(zhì)發(fā)生泄漏麻献。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評(píng)論 3 307
  • 文/蒙蒙 一猜扮、第九天 我趴在偏房一處隱蔽的房頂上張望勉吻。 院中可真熱鬧,春花似錦旅赢、人聲如沸齿桃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽短纵。三九已至带污,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間香到,已是汗流浹背鱼冀。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評(píng)論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留养渴,地道東北人雷绢。 一個(gè)月前我還...
    沈念sama閱讀 45,595評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像理卑,于是被迫代替她去往敵國和親翘紊。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 一藐唠、響應(yīng)式編程 1.1帆疟、響應(yīng)式編程(Reactive Programming,簡(jiǎn)稱RP)響應(yīng)式編程是一種編程范式宇立,...
    IIronMan閱讀 1,016評(píng)論 0 3
  • 響應(yīng)式編程 響應(yīng)式編程(Reactive Programming踪宠,簡(jiǎn)稱RP) 也是一種編程范式,于1997年提出妈嘹,...
    codeTao閱讀 514評(píng)論 0 2
  • 響應(yīng)式編程(Reactive Programming柳琢,簡(jiǎn)稱RP),也是一種編程范式润脸,于1997年提出柬脸,可以簡(jiǎn)化異步...
    Imkata閱讀 1,496評(píng)論 0 1
  • 1.響應(yīng)式編程 響應(yīng)式編程(Reactive Programming,簡(jiǎn)稱RP)毙驯, 也是一種編程范式倒堕,于1997年...
    一抹相思淚成雨閱讀 954評(píng)論 0 0
  • 響應(yīng)式編程 響應(yīng)式編程 也是一種編程范式,于1997年提出爆价,可以簡(jiǎn)化異步編程垦巴,提供更優(yōu)雅的數(shù)據(jù)綁定一般與函數(shù)式融合...
    Stago閱讀 282評(píng)論 0 1