RxSwfit 学习笔记(二)Observable & Observer

上一篇文章中,我们已经简单了解了一下RxSwift入门的第一步,在RxCocoa的帮助下,来实现一个登录输入监听校验的功能。
那么我们要如何创建一个属于我们自己的监听序列呢?或者说如何监听我们自己创建的属性呢,比如说一个String。

我们这里先简单说一下Observable与Observer的区别与联系

Observable:可监听序列,从名字上来看,我们就能理解,他是用来被监听的,而不是主动监听的

Observer:观察者,显而易见,它与“可监听序列”相对,它就是用来监听序列的角色。监听事件,然后它需要这个事件做出响应。例如:监听到一个onNext事件,然后我们对这个事件作出响应。

二者相互配合,从而达到响应的效果。

Observable 可监听序列

介绍内容摘取自RxSwift的使用详解3(Observable介绍、创建可观察序列)
Observable 作为 Rx 的根基,我们首先对它要有一些基本的了解。

1. Observable<T>

  • Observable<T> 这个类就是Rx 框架的基础,我们可以称它为可观察序列。它的作用就是可以异步地产生一系列的 Event(事件),即一个 Observable<T> 对象会随着时间推移不定期地发出 event(element : T) 这样一个东西。
  • 而且这些 Event 还可以携带数据,它的泛型 <T> 就是用来指定这个Event携带的数据的类型。
  • 有了可观察序列,我们还需要有一个Observer(订阅者)来订阅它,这样这个订阅者才能收到 Observable<T> 不时发出的 Event

2.Event

查看 RxSwift 源码可以发现,事件 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 就是一个枚举,也就是说一个 Observable 是可以发出 3 种不同类型的 Event 事件:

  • nextnext事件就是那个可以携带数据 <T> 的事件,可以说它就是一个“最正常”的事件。
  • errorerror 事件表示一个错误,它可以携带具体的错误内容,一旦 Observable 发出了 error event,则这个 Observable 就等于终止了,以后它再也不会发出 event 事件了。
  • completedcompleted 事件表示Observable 发出的事件正常地结束了,跟 error 一样,一旦 Observable 发出了 completed event,则这个 Observable 就等于终止了,以后它再也不会发出 event 事件了。

Observer 观察者

在上文我们已经有提到过了Observer就是用来“观察”Observable的,那么是如何观察的呢?
我们使用 subscribe() 方法来订阅(观察)Observable。
上面有提到Observable发出三种事件next、error、completed,那么Observer也对应的能监听到这三种事件

        //订阅序列
        observable.subscribe(onNext: { (str) in
            print(str)
        }, onError: { (error) in
            print(error)
        }, onCompleted: {
            print("completed")
        }).disposed(by: disposebag)

Observable & Observer 配合使用

1. 最普通的序列创建与订阅
        enum MyError: Error {
            case errorA
            case errorB
        }
        //创建序列
        let testOB = Observable<String>.create { ob in
            //发送next事件
            ob.onNext("test1")
            ob.onNext("test2")
            ob.onNext("test3")
            //发送error事件
            ob.onError(MyError.errorA)
            //发送completed事件
            ob.onCompleted()
            return Disposables.create()
        }
        
        //订阅序列
        testOB.subscribe(onNext: { (str) in
            print(str)
        }, onError: { (error) in
            print(error)
        }, onCompleted: {
            print("completed")
        }).disposed(by: disposebag)

打印结果:

test1
test2
test3
errorA

细心的朋友已经发现了,我们明明有发送completed,但是为什么没有打印出来,很明显,问题在ob.onError()上。
我们在测试一下,挪动一下ob.onError()的位置

        //创建序列
        let testOB = Observable<String>.create { ob in
            ob.onNext("test1")
            ob.onNext("test2")
            ob.onError(MyError.errorA)
            ob.onNext("test3")
            ob.onCompleted()
            return Disposables.create()
        }

打印结果:

test1
test2
errorA

所以我们能得出结论,一旦观察者有监听到error事件,那么就会在触发onError:闭包结束后,停止监听。后续应该会好好聊聊这个问题。我们先暂且了解就好。

2. 跨类使用

我们新创建一个类FirstViewModel,声明一个Observable<String>类型的变量,然后在初始化方法中直接创建出来。

class FirstViewModel {
    var text : Observable<String>!
    
    let disposeBag = DisposeBag()
    init() {
        text  = Observable.create { (observer) -> Disposable in
            observer.onNext("test1")
            observer.onNext("test2")
            observer.onNext("test3")
            observer.onCompleted()
            return Disposables.create()
        }
    }
}

然后我们在控制器中,初始化FirstViewModel

class FirstViewController: UIViewController {

    var disposeBag = DisposeBag()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let vm : FirstViewModel = FirstViewModel.init()
        vm.text.subscribe(onNext: { obString in
            print(obString)
        }, onCompleted: {
            print("completed")
        }).disposed(by: disposeBag)
    }
}

command + R 看 输出结果

msg1
msg2
msg3
completed
3. 点击按钮发送事件
class FirstViewModel {
   class func getText() -> Observable<String> {
        //创建一个just事件
        return  .just("你收到了嘛")
    }
}
btn.rx.tap.subscribe(onNext: { [weak self] in
    self?.btnClick()
}).disposed(by: disposeBag)
        
//事件
func btnClick() -> Void{
    FirstViewModel.getText().subscribe(onNext: { (String) in
        print(String)//输出结果: 你收到了嘛
    }).disposed(by: disposeBag)
}

这里出现了一个.just,这是什么呢。
创建Observable序列的方法有很多种。

创建Observable 序列其他方法

各个方法的区别于作用,可以看这里

        print("----------- this is just ----------- ")
        
        let observable_just = Observable<Int>.just(5)
        observable_just.subscribe(onNext: { (Int) in
            print("\(Int)")
        }, onCompleted: {
            print("just completed")
        }).disposed(by: disposeBag)
        
        print("----------- this is of ----------- ")
        let observable_of = Observable.of("A", "B", "C")
        observable_of.subscribe(onNext: { (String) in
            print("\(String)")
        }, onCompleted: {
            print("of completed")
        }).disposed(by: disposeBag)
        
        print("----------- this is from ----------- ")
        let observable_from = Observable.from(["A", "B", "C"])
        observable_from.subscribe(onNext: { (String) in
            print("\(String)")
        }, onCompleted: {
            print("from completed")
        }).disposed(by: disposeBag)
        
        print("----------- this is empty ----------- ")
        let observable_empty = Observable<Int>.empty()
        observable_empty.subscribe(onNext: { (Int) in
            print("this is empty")
        }, onCompleted: {
            print("empty completed")
        }).disposed(by: disposeBag)
        
        print("----------- this is never ----------- ")
        let observable_nerver = Observable<Int>.never()
        observable_nerver.subscribe(onNext: { (Int) in
            print("this is never")
        }, onCompleted: {
            print("never completed")
        }).disposed(by: disposeBag)
        
        print("----------- this is error ----------- ")
        enum MyError: Error {
            case A
            case B
        }
        
        let observable_error = Observable<Int>.error(MyError.A)
        observable_error.subscribe(onNext: { (Int) in
            
        }, onError: { (Error) in
            print(" \(Error)")
        }, onCompleted: {
            print("error completed")
        }).disposed(by: disposeBag)
        
        print("----------- this is range ----------- ")
        let observable_range = Observable.range(start: 1, count: 5)
        observable_range.subscribe(onNext: { (Int) in
            print("\(Int)")
        }, onCompleted: {
            print("range completed")
        }).disposed(by: disposeBag)
        
        //不能放在主线程,会堵塞
//        let observable_repeat = Observable.repeatElement(1)
//        observable_repeat.subscribe(onNext: { (Int) in
//            print("this is repeat -- \(Int)")
//        }, onCompleted: {
//            print("repeat completed")
//        }).disposed(by: disposeBag)
        
        print("----------- this is generate ----------- ")
        //使用generate()方法
        let observable_generate = Observable.generate(
            initialState: 0,
            condition: { $0 <= 10 },
            iterate: { $0 + 2 }
        )
        observable_generate.subscribe(onNext: { (Int) in
             print("\(Int)")
        }, onCompleted: {
            print("generate completed")
        }).disposed(by: disposeBag)
        
        print("----------- this is deferred ----------- ")
        //用于标记是奇数、还是偶数
        var isOdd = true
        
        //使用deferred()方法延迟Observable序列的初始化,通过传入的block来实现Observable序列的初始化并且返回。
        let factory : Observable<Int> = Observable.deferred {
            
            //让每次执行这个block时候都会让奇、偶数进行交替
            isOdd = !isOdd
            
            //根据isOdd参数,决定创建并返回的是奇数Observable、还是偶数Observable
            if isOdd {
                return Observable.of(1, 3, 5 ,7)
            }else {
                return Observable.of(2, 4, 6, 8)
            }
        }
        
        //第1次订阅测试
        factory.subscribe { event in
            print("\(isOdd)", event)
        }.disposed(by: disposeBag)
        
        //第2次订阅测试
        factory.subscribe { event in
            print("\(isOdd)", event)
        }.disposed(by: disposeBag)
        //第3次订阅测试
        factory.subscribe { event in
            print("\(isOdd)", event)
        }.disposed(by: disposeBag)
        
        print("----------- this is interval ----------- ")
        let observable_interval = Observable<Int>.interval(1, scheduler: MainScheduler.instance)
        
        observable_interval.subscribe { event in
            print(event)
        }.disposed(by: disposeBag)
        
        print("----------- this is timer ----------- ")
        //5秒种后发出唯一的一个元素0
        let observable_timer = Observable<Int>.timer(5, scheduler: MainScheduler.instance)
        observable_timer.subscribe { event in
            print(event)
        }.disposed(by: disposeBag)
        
        //延时5秒种后,每隔1秒钟发出一个元素
        let observable_timer2 = Observable<Int>.timer(5, period: 1, scheduler: MainScheduler.instance)
        observable_timer2.subscribe { event in
            print(event)
        }.disposed(by: disposeBag)

既是Observable 又是 Observer

怎么说呢,像TextField,我们既可以监听它,又可以把它当做一个观察者。

  • 如果是初学者,那么觉得上面这句话很奇怪,这个作为观察者是什么意思?
    我们可以这么理解,我们既可以监听文本框的输入,又可以给文本框赋值。

那么接下来我就为你们介绍一下这种情况。

class FifthViewController: UIViewController {
    var textF:UITextField!
    
    let disposeBag = DisposeBag()
    override func viewDidLoad() {
        super.viewDidLoad()

        textF = UITextField.init(frame: .init(x: 20, y: 120, width: view.frame.width, height: 40))
        textF.borderStyle = .roundedRect
        view.addSubview(textF)
      
        //把文本框当做观察者
        let observer = textF.rx.text
        
        let text:Observable<String> = Observable<String>.create {
            $0.onNext("test")
            $0.onNext("test1")
            $0.onNext("test2")
            return Disposables.create()
        }
        text.bind(to: observer).disposed(by: disposeBag)
        
        //把文本框当做可监听对象
        let observable = textF.rx.text
        observable.subscribe(onNext: {
            print($0 as Any)
        }).disposed(by: disposeBag)
        
    }
}

另外,框架里面定义了一些辅助类型,它们既是可监听序列也是观察者。如果你能合适的应用这些辅助类型,它们就可以帮助你更准确的描述事物的特征:

  • AsyncSubject
  • PublishSubject
  • ReplaySubject
  • BehaviorSubject
  • ControlProperty”

摘录来自: RxSwift 中文文档。

以上几种辅助类型我将在 RxSwfit 学习笔记(四)中学习探索

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

推荐阅读更多精彩内容