RxSwift的使用详解01

一. RxSwift简介

  • RxSwift是Swift函数响应式编程的一个开源库,由Github的ReactiveX组织开发、维护

  • 其他语言像C#, Java 和 JS 也有,Rx.Net、RxJava、rxjs

  • RxSwift的目的是让数据/事件流和异步任务能够更方便的序列化处理,能够使用Swift进行响应式编程

1. RxSwift做了什么

  • RxSwift把我们程序中每一个操作都看成一个事件
  • 比如一个TextField中的文本改变,一个按钮被点击,或者一个网络请求结束等,每一个事件源就可以看成一个管道,也就是sequence
  • 比如TextField,当我们改变里面的文本的时候,这个TextField就会不断的发出事件,从他的这个sequence中不断的流出,我们只需要监听这个sequence,每流出一个事件就做相应的处理。
  • 同理,Button也是一个sequence,每点击一次就流出一个事件。

2.1 RxSwift的核心思想是 Observable<Element>

  • sequence,Observable表示可监听或者可观察,也就是说RxSwift的核心思想是可监听的序列。

  • 并且,Observable sequence可以接受异步信号,也就是说,信号是可以异步给监听者的

    • Observable(ObservableType) 和 SequenceType类似
    • ObservableType.subscribe 和 SequenceType.generate类似
    • 由于RxSwift支持异步获得信号,所以用ObservableType.subscribe,这和indexGenerator.next()类似
  • 其中SequenceType是Swift(2.3以前版本,之后的版本没有该协议)中的一个协议,比如Swift中的Array就遵循这个协议,通过这个协议,你可以这样的去操作一个Array

let array = [1,2,3,4,5]
let array2 = array.filter({$0 > 1}).map({$0 * 2})//4 6 8 10
var indexGenerator = array2.generate()
let fisrt = indexGenerator.next() // 4
let seoncd = indexGenerator.next() //6 

2.2 RxSwift中,ObservableType.subscribe的回调(新的信号到来)一共有三

enum Event<Element>  {
    case Next(Element)      // 新的信号到来
    case Error(ErrorType)   // 信号发生错误,序列不会再产生信号
    case Completed          // 序列发送信号完成,不会再产生新的信号
}
protocol ObserverType {
    func on(event: Event<Element>) //监听所有的信号
}

2.3 取消监听

Observable分为两种

  • 在有限的时间内会自动结束(Completed/Error),比如一个网络请求当作一个序列,当网络请求完成的时候,Observable自动结束,资源会被释放
  • 信号不会自己结束,最简单的比如一个Timer,每隔一段时间发送一个新的信号过来,这时候需要手动取消监听,来释放相应的资源
  • 比如一个label.rx.text是一个Obserable,通常需要这样调用addDisposableTo(disposeBag)来让其在deinit,也就是所有者要释放的时候,自动取消监听
class Observable<Element> {
    func subscribe(observer: Observer<Element>) -> Disposable //调用Disposable的方法来取消

}

当然,除了手动释放,RxSwift提供了一些操作符,比如 takeUntil来根据条件取消

sequence
    .takeUntil(self.rx_deallocated) //当对象要释放的时候,取消监听
    .subscribe {
        print($0)
    }

二. RxSwift简单体验

  • 首先创建deinit属性,也就是所有者要释放的时候,自动取消监听
fileprivate lazy var bag = DisposeBag()

1. RxSwift监听按钮的点击

  • 传统方式:
button1.addTarget(self, action: #selector(btn1Click(_:)), for: .touchUpInside)
  • RxSwift方式
button1.rx.tap.subscribe { (event) in
    self.button1.setTitle("按钮1", for: .normal)
    print("button1")
}.addDisposableTo(bag)
        
button2.rx.tap.subscribe { (event) in
    self.textField2.text = "按钮2被点击了"
}.addDisposableTo(bag)

2. RxSwift监听UITextField的文字改变

  • 传统做法,设置textField2.delegate = self
  • RxSwift方式

2-1. 用on方法实现

subscribe(<#T##on: (Event<Int>) -> Void##(Event<Int>) -> Void#>)
textField1.rx.text.subscribe { (event: Event<String?>) in
    //将UITextField文字改变的内容显示在Label中
    self.label1.text = event.element!    
    print(event.element!!)
}.addDisposableTo(bag)
        
textField2.rx.text.subscribe { (event: Event<String?>) in
    print(event.element)//报警告
    //输出: Optional(Optional("jun"))
}.addDisposableTo(bag)

2-2. 用onNext方法实现

subscribe(on: (Event<Int>) -> Void)
textField1.rx.text.subscribe(onNext: { (str: String?) in
    self.label1.text = str!
}).addDisposableTo(bag)

3. RxSwift改变Label中文字

label1.rx.observe(String.self, "text").subscribe(onNext: { (str: String?) in
    print(str!)
}).addDisposableTo(bag)
        
label2.rx.observe(CGRect.self, "frame").subscribe(onNext: { (rect: CGRect?) in
    print(rect!.width)
}).addDisposableTo(bag)

4. RxSwift监听UIScrollView的滚动

scrollView.contentSize = CGSize(width: 1000, height: 0)
scrollView.rx.contentOffset
            .subscribe(onNext: { (point : CGPoint) in
                print(point)
            }).addDisposableTo(bag)


三. RxSwift常见操作

  • addDisposableTo(disposeBag)方法是让其deinit,也就是所有者要释放的时候,自动取消监听
//创建bag
let bag = DisposeBag()

1. never

  • never就是创建一个sequence,但是不发出任何事件信号
let neverSqu = Observable<String>.never()
neverSqu.subscribe { (_) in
    //该语句不会执行
    print("This will never be printed")
}.addDisposableTo(bag)
//调用Disposable的方法来取消

2. empty

  • empty就是创建一个空的sequence,只能发出一个complected事件
Observable<Int>.empty().subscribe { (event) in
    //该语句只会执行一次
    //输出: completed
    print(event)
}.addDisposableTo(bag)

3. just

  • just是创建一个sequence只能发出一种特定的事件,能正常结束
Observable<Int>.just(3).subscribe { (event) in
    print(event)
    /*该语句只会执行两次,分别输出
     1) next(3),语句结果
     2) completed, 结束事件
    */
}.addDisposableTo(bag)
        
Observable.just("jun").subscribe { (event) in
    print(event)
    /*该语句只会执行两次,分别输出
     1) next(jun),语句结果
     2) completed, 结束事件
    */
}.addDisposableTo(bag)

4.of

  • of是创建一个sequence能发出很多种事件信号
Observable.of("a", "b", "2", "5.3")
    .subscribe(onNext: { print($0) })
    .addDisposableTo(bag)
    //会分别输出 "a", "b", "2", "5.3"

Observable.of("a", "b", "2", "5.3").subscribe(onNext: { (event) in
    print(event)
    /*该语句只会执行4次,分别输出
     1) next(a),语句结果
     2) next(b),语句结果
     3) next(2),语句结果
     4) next(3.5),语句结果
     */
}, onError: nil, onCompleted: nil, onDisposed: nil).addDisposableTo(bag)
   //每一个闭包都设置设置了 一个默认值,故可以省略

5. from

  • from就是从数组中创建sequence
Observable.from(["a", "b", "2", "5.3"]).subscribe { (event) in
    print(event)
    /*该语句只会执行5次,分别输出
     1) next(a),语句结果
     2) next(b),语句结果
     3) next(2),语句结果
     4) next(3.5),语句结果
     5) completed, 结束事件
     */
}.addDisposableTo(bag)

6. create

  • 我们也可以自定义可观察的sequence,那就是使用create
  • create操作符传入一个观察者observer,然后调用observer的onNext,onCompleted和onError方法。返回一个可观察的obserable序列

1) 自定义方法创建observable的creat

6-1 无参创建creat

fileprivate func myobserable() -> Observable<Any> {
    return Observable.create({ (observal: AnyObserver<Any>) -> Disposable in
        observal.onNext("abc")
        observal.onNext("12")
        observal.onCompleted()
        return Disposables.create()
    })
}

6-2 添加参数创建creat

fileprivate func myJunst(element: String) -> Observable<String> {
    return Observable.create({ (observal: AnyObserver<String>) -> Disposable in
        observal.onNext(element)
        observal.onCompleted()
        return Disposables.create()
    })
}

2) 在函数内调用自定义方法

myobserable().subscribe(onNext: { print($0) }).addDisposableTo(bag)
//该语句只会执行2次,分别输出"abc", "12"
 
        
myJunst(element: "jun").subscribe(onNext: { print($0) }).addDisposableTo(bag)
//该语句只会执行2次,分别输出"jun"

7. range(给定范围, 依次显示)

  • range就是创建一个sequence,他会发出这个范围中的从开始到结束的所有事件
  • Observable<Int>,必须指定数据类型
Observable<Int>.range(start: 1, count: 4).subscribe { (event: Event<Int>) in
    print(event)
    /*该语句只会执行5次,分别输出
     1) next(1),语句结果
     2) next(2),语句结果
     3) next(3),语句结果
     4) next(4),语句结果
     5) completed, 结束事件
     */
}.addDisposableTo(bag)

8. repeatElement(重复执行)

创建一个sequence,发出特定的事件n次

Observable.repeatElement("quanjun")
    .take(3)
    .subscribe(onNext: { print($0) })
    .addDisposableTo(bag)
    //该语句只会执行3次,每次都输出"quanjun" 

9. generate(类似于for循环)

  • generate是创建一个可观察sequence,当初始化的条件为true的时候,他就会发出所对应的事件
let generate = Observable.generate(initialState: 0, condition: { $0 < 5 }, iterate: { $0 + 2 })
generate.subscribe({ print($0) }).addDisposableTo(bag)
        
        /*1> 输出顺序:
         next(0)
         next(2)
         next(4)
         completed
         
         2> 以上代码可以理解为for循环处理逻辑
        for (Int i = 0; i < 5; i++) {
            print(i)
        }
        */

10. error(发出错误信号)

  • 创建一个可观察序列,但不发出任何正常的事件,只发出error事件并结束
 let error = NSError(domain: "错误", code: 10, userInfo: nil) as Error
 Observable<Any>.error(error)
            .subscribe({ print($0) })
            .addDisposableTo(bag)
        
//输出: error(Error Domain=错误 Code=10 "(null)")

四. RxSwift中Subjects

  • Subjects是什么?

    • Subjet是observable和Observer之间的桥梁,一个Subject既是一个Obserable也是一个Observer,他既可以发出事件,也可以监听事件

1. PublishSubject

  • 当你订阅PublishSubject的时候,你只能接收到订阅他之后发生的事件。subject.onNext()发出onNext事件,对应的还有onError()和onCompleted()事件
let pSubject = PublishSubject<String>()
pSubject.subscribe { (event: Event<String>) in
        print("2--", event)
    }.addDisposableTo(bag)
print("1--------------")
        
pSubject.onNext("T")
pSubject.onNext("Q")
        
pSubject.subscribe { (event: Event<String>) in
         print("3--", event)
    }.addDisposableTo(bag)
pSubject.onNext("J")
        
    /*输出顺序为:
         1--------------
         2-- next(T)
         2-- next(Q)
         2-- next(J)
         3-- next(J)
     */

2. ReplaySubject

  • 当你订阅ReplaySubject的时候,你可以接收到订阅他之后的事件,但也可以接受订阅他之前发出的事件,接受几个事件取决与bufferSize的大小
  • createUnbounded()表示接受所有事件
  • create(bufferSize: 4) 表示可接受到的订阅他之前的事件的个数,但是订阅他之后的事件一定会触发

2-1. createUnbounded()表示接受所有事件

let rSubject = ReplaySubject<String>.createUnbounded()
rSubject.onNext("T")
rSubject.onNext("Q")
rSubject.subscribe { (event: Event<String>) in
         print("0--", event)
    }.addDisposableTo(bag)
        
rSubject.onNext("J")

/*输出顺序为:
     0-- next(T)
     0-- next(Q)
     0-- next(J)
  */

2-2. create(bufferSize: 4) 表示可接受到的订阅他之前的事件的个数

let rSubject1 = ReplaySubject<String>.create(bufferSize: 1)
rSubject1.onNext("T")
rSubject1.onNext("Q")
rSubject1.subscribe { (event: Event<String>) in
            print("4--", event)
        }.addDisposableTo(bag)
        
rSubject1.onNext("J")

/*输出顺序为:
     4-- next(Q)
     4-- next(J)
  */
  

3. BehaviorSubject

  • 当你订阅了BehaviorSubject,你会接受到订阅之前的最后一个事件,订阅之后的事件一定会触发
let bSubject = BehaviorSubject(value: "G")
bSubject.subscribe { (event: Event<String>) in
        print("5--", event)
    }.addDisposableTo(bag)
        
bSubject.onNext("Y")
bSubject.onNext("Q")
        
bSubject.subscribe { (event: Event<String>) in
        print("6--", event)
    }.addDisposableTo(bag)
        
bSubject.onNext("J")

/*输出顺序为:
         5-- next(G)
         5-- next(Y)
         5-- next(Q)
         6-- next(Q)
         5-- next(J)
         6-- next(J)
 */

4. Variable

Variable是BehaviorSubject一个包装箱,就像是一个箱子一样,使用的时候需要调用asObservable()拆箱,里面的value是一个BehaviorSubject,他不会发出error事件,但是会自动发出completed事件。
  • 1> 相当于对BehaviorSubject进行装箱
  • 2> 如果想将Variable当成Obserable, 让订阅者进行订阅时, 需要调用asObserable拆箱转成Obserable
  • 3> 如果Variable打算发出事件, 直接修改对象的value即可
  • 4> 当事件结束时,Variable会自动发出completed事件
let variable = Variable("S")
variable.asObservable().subscribe { (event) in
        print("7--", event)
    }.addDisposableTo(bag)
        
variable.value = "D"
variable.value = "Q"
        
variable.asObservable().subscribe { (event) in
        print("8--", event)
    }.addDisposableTo(bag)
        
variable.value = "j"

/*输出顺序为:
         7-- next(S)
         7-- next(D)
         7-- next(Q)
         8-- next(Q)
         7-- next(j)
         8-- next(j)
         7-- completed
         8-- completed
  */

五. RxSwift细节理解

1. 变换操作

1-1. map

  • 通过传入一个函数闭包把原来的sequence转变为一个新的sequence的操作
Observable.of(1, 2, 3, 4)
        .map({ $0 * $0 })
        .subscribe(onNext: { print($0) })
        .addDisposableTo(bag)
        
/* 输出顺序为:
    1
    4
    9
    16
 */

1-2. flatMap

  • 将一个sequence转换为一个sequences,当你接收一个sequence的事件,你还想接收其他sequence发出的事件的话可以使用flatMap,她会将每一个sequence事件进行处理以后,然后再以一个sequence形式发出事件

首先创建一个struct

struct Student {
    var score: Variable<Double>
}

flatMap执行代码

let stu1 = Student(score: Variable(80))
let stu2 = Student(score: Variable(100))
        
let student = Variable(stu1)
student.asObservable().flatMap { (stu: Student) -> Observable<Double> in
    return stu.score.asObservable()
}.subscribe { (event) in
    print(event)
}.addDisposableTo(bag)
        
student.value = stu2
stu1.score.value = 10
stu2.score.value = 20
        
    /* 输出顺序为:
         next(80.0)
         next(100.0)
         next(10.0)
         next(20.0)
         completed
     */

1-3. flatMapLatest

  • flatMapLatest只会接收最新的value事件,将上例代码改为flatMapLatest
let stu3 = Student(score: Variable(70))
let stu4 = Student(score: Variable(60))

let student1 = Variable(stu3)
student1.asObservable().flatMapFirst { (stu) -> Observable<Double> in
    return stu.score.asObservable()
}.subscribe { (event: Event<Double>) in
    print(event)
}.addDisposableTo(bag)
student1.value = stu4
stu3.score.value = 10
stu4.score.value = 20
        
    /* 输出顺序为:
         next(70.0)
         next(10.0)
         completed
     */

2. 释放资源

  • 当监听一个事件序列的时候,有消息事件来了,我们做某些事情。但是这个事件序列不再发出消息了,我们的监听也就没有什么存在价值了,所以我们需要释放我们这些监听资源,其实也就是每种编程语言中的内存资源释放。
  • OC和Swift中也一样,在你不需要用某些变量的时候,你需要把这些变量所占用的内存空间释放掉。
  • 释放某一个监听的时候我们可以手动调用释放方法

2-1. dispose

  • 相当于MRC中手动调用release操作
  • 注意: 因为观察者已经销毁, 所有后面无法接受事件
let testVariable = Variable("jun")
testVariable.asObservable().subscribe { (event : Event<String>) in
    print(event)
}.dispose()

testVariable.value = "tian"

    /* 输出顺序为:
         next(jun)
         completed
     */

2-2. Dispose Bags

  • 除了上面手动的方法,还有一种是自动的方式
  • 推荐大家使用这种方式,这种方式就好像iOS中的ARC方式似得,会自动去释放资源。
fileprivate lazy var bag = DisposeBag()

在代码结尾调用.addDisposableTo(bag)方法

3. UIBindingObserver

  • UIBindingObserver这个东西很有用的,创建我们自己的监听者,有时候RxCocoa(RxSwiftz中对UIKit的一个扩展库)给的扩展不够我们使用
  • 比如一个UITextField有个isEnabled属性,我想把这个isEnabled变为一个observer,我们可以这样做:
extension Reactive where Base: UITextField {
    var inputEnabled: UIBindingObserver<Base, Result> {
        return UIBindingObserver(UIElement: base) { textFiled, result in
            textFiled.isEnabled = result.isValid
        }
    }
}

后续会继续更新相关方面知识,敬请期待

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

推荐阅读更多精彩内容

  • 发现 关注 消息 RxSwift入坑解读-你所需要知道的各种概念 沸沸腾关注 2016.11.27 19:11*字...
    枫叶1234阅读 2,778评论 0 2
  • 本文章内部分图片资源来自RayWenderlich.com 本文结合自己的理解来总结介绍一下RxSwift最基本的...
    FKSky阅读 2,853评论 4 14
  • RxSwift把我们程序中每一个操作都看成一个事件,比如一个TextField中的文本改变,一个按钮被点击,或者一...
    水落斜阳阅读 791评论 0 2
  • 简叔最近的一期专题让大家安利一本最爱的书,脑子里第一反应就是《目送》,看过太多遍了!反而最后一篇魂归比较少看,早已...
    小人参阅读 376评论 0 2
  • 麻雀镇之所以称之为麻雀镇,并不是因为盛产那种披着灰褐色的外衣,长着灵活的小脑袋,有一双玛瑙似的小眼睛,一天到晚叽叽...
    云水禅心千古情阅读 700评论 7 1