最快让你上手ReactiveCocoa之进阶篇

前言

由于时间的问题,暂且只更新这么多了,后续还会持续更新本文《最快让你上手ReactiveCocoa之进阶篇》,目前只是简短的介绍了些RAC核心的一些方法,后续还需要加上MVVM+ReactiveCocoa实战开发。
如果喜欢我的文章,可以关注我,微博:袁峥Seemygo,欢迎交流。也可以来小码哥,了解下我们的iOS培训课程。之后还会更新

1.ReactiveCocoa常见操作方法介绍。

  • 1.1 ReactiveCocoa操作须知

    • 所有的信号(RACSignal)都可以进行操作处理,因为所有操作方法都定义在RACStream.h中,因此只要继承RACStream就有了操作处理方法
  • 1.2 ReactiveCocoa操作思想

    • 运用的是Hook(钩子)思想,Hook是一种用于改变API(应用程序编程接口:方法)执行结果的技术.
    • Hook用处:截获API调用的技术。
    • Hook原理:在每次调用一个API返回结果之前,先执行你自己的方法,改变结果的输出
  • 1.3 ReactiveCocoa核心方法bind

    • ReactiveCocoa操作的核心方法bind(绑定),而且RAC中核心开发方式,也是绑定,之前的开发方式是赋值,而用RAC开发,应该把重心放在绑定,也就是可以在创建一个对象的时候,就绑定好以后想要做的事情,而不是等赋值之后在去做事情。

    • 列如:把数据展示到控件上,之前都是重写控件的setModel方法,用RAC就可以在一开始创建控件的时候,就绑定好数据。

    • 在开发中很少使用bind方法,bind属于RAC中的底层方法,RAC已经封装了很多好用的其他方法,底层都是调用bind,用法比bind简单.

    • bind方法简单介绍和使用。
// 假设想监听文本框的内容,并且在每次输出结果的时候,都在文本框的内容拼接一段文字输出:”

    // 方式一:在返回结果后,拼接。
        [_textField.rac_textSignal subscribeNext:^(id x) {

            NSLog(@"输出:%@",x);

        }];

    // 方式二:在返回结果前,拼接,使用RAC中bind方法做处理。
    // bind方法参数:需要传入一个返回值是RACStreamBindBlock的block参数
    // RACStreamBindBlock是一个block的类型,返回值是信号,参数(value,stop),因此参数的block返回值也是一个block。

    // RACStreamBindBlock:
    // 参数一(value):表示接收到信号的原始值,还没做处理
    // 参数二(*stop):用来控制绑定Block,如果*stop = yes,那么就会结束绑定。
    // 返回值:信号,做好处理,在通过这个信号返回出去,一般使用RACReturnSignal,需要手动导入头文件RACReturnSignal.h。

    // bind方法使用步骤:
    // 1.传入一个返回值RACStreamBindBlock的block。
    // 2.描述一个RACStreamBindBlock类型的bindBlock作为block的返回值。
    // 3.描述一个返回结果的信号,作为bindBlock的返回值。
    // 注意:在bindBlock中做信号结果的处理。

    // 底层实现:
    // 1.源信号调用bind,会重新创建一个绑定信号。
    // 2.当绑定信号被订阅,就会调用绑定信号中的didSubscribe,生成一个bindingBlock。
    // 3.当源信号有内容发出,就会把内容传递到bindingBlock处理,调用bindingBlock(value,stop)
    // 4.调用bindingBlock(value,stop),会返回一个内容处理完成的信号(RACReturnSignal)。
    // 5.订阅RACReturnSignal,就会拿到绑定信号的订阅者,把处理完成的信号内容发送出来。

    // 注意:不同订阅者,保存不同的nextBlock,看源码的时候,一定要看清楚订阅者是哪个。
    // 这里需要手动导入#import <ReactiveCocoa/RACReturnSignal.h>,才能使用RACReturnSignal。
    [[_textField.rac_textSignal bind:^RACStreamBindBlock{

        // 什么时候调用:
        // block作用:表示绑定了一个信号.

        return ^RACStream *(id value,BOOL *stop){

            // 什么时候调用block:当信号有新的值发出,就会来到这个block。

            // block作用:做返回值的处理

            // 做好处理,通过信号返回出去.
            return [RACReturnSignal return:[Nsstring stringWithFormat:@"输出:%@",value]];
        };

    }] subscribeNext:^(id x) {

        NSLog(@"%@",x);

    }];
  • 1.4ReactiveCocoa操作方法之映射(flattenMap,Map)

    • flattenMapMap用于把源信号内容映射成新的内容

flattenMap简单使用

// 监听文本框的内容改变,把结构重新映射成一个新值.

  // flattenMap作用:把源信号的内容映射成一个新的信号,信号可以是任意类型。

    // flattenMap使用步骤:
    // 1.传入一个block,block类型是返回值RACStream,参数value
    // 2.参数value就是源信号的内容,拿到源信号的内容做处理
    // 3.包装成RACReturnSignal信号,返回出去。

    // flattenMap底层实现:
    // 0.flattenMap内部调用bind方法实现的,flattenMap中block的返回值,会作为bind中bindBlock的返回值。
    // 1.当订阅绑定信号,就会生成bindBlock。
    // 2.当源信号发送内容,就会调用bindBlock(value,*stop)
    // 3.调用bindBlock,内部就会调用flattenMap的block,flattenMap的block作用:就是把处理好的数据包装成信号。
    // 4.返回的信号最终会作为bindBlock中的返回信号,当做bindBlock的返回信号。
    // 5.订阅bindBlock的返回信号,就会拿到绑定信号的订阅者,把处理完成的信号内容发送出来。



    [[_textField.rac_textSignal flattenMap:^RACStream *(id value) {

        // block什么时候 : 源信号发出的时候,就会调用这个block。

        // block作用 : 改变源信号的内容

        // 返回值:绑定信号的内容.
        return [RACReturnSignal return:[Nsstring stringWithFormat:@"输出:%@",value]];

    }] subscribeNext:^(id x) {

        // 订阅绑定信号,每当源信号发送内容,做完处理,就会调用这个block。

        NSLog(@"%@",x);

    }];

Map简单使用:

// 监听文本框的内容改变,把结构重新映射成一个新值.

    // Map作用:把源信号的值映射成一个新的值

    // Map使用步骤:
    // 1.传入一个block,类型是返回对象,参数是value
    // 2.value就是源信号的内容,直接拿到源信号的内容做处理
    // 3.把处理好的内容,直接返回就好了,不用包装成信号,返回的值,就是映射的值。

    // Map底层实现:
    // 0.Map底层其实是调用flatternMap,Map中block中的返回的值会作为flatternMap中block中的值。
    // 1.当订阅绑定信号,就会生成bindBlock。
    // 3.当源信号发送内容,就会调用bindBlock(value,*stop)
    // 4.调用bindBlock,内部就会调用flattenMap的block
    // 5.flattenMap的block内部会调用Map中的block,把Map中的block返回的内容包装成返回的信号。
    // 5.返回的信号最终会作为bindBlock中的返回信号,当做bindBlock的返回信号。
    // 6.订阅bindBlock的返回信号,就会拿到绑定信号的订阅者,把处理完成的信号内容发送出来。

       [[_textField.rac_textSignal map:^id(id value) {
        // 当源信号发出,就会调用这个block,修改源信号的内容
        // 返回值:就是处理完源信号的内容
        return [Nsstring stringWithFormat:@"输出:%@",value];
    }] subscribeNext:^(id x) {

        NSLog(@"%@",x);
    }];
  • FlatternMap和Map的区别

    • 1.FlatternMap中的Block返回信号。
    • 2.Map中的Block返回对象。
    • 3.开发中,如果信号发出的值不是信号,映射一般使用Map
    • 4.开发中,如果信号发出的值是信号,映射一般使用FlatternMap。
  • 总结:signalOfsignals用FlatternMap。

// 创建信号中的信号
    RACSubject *signalOfsignals = [RACSubject subject];
    RACSubject *signal = [RACSubject subject];

    [[signalOfsignals flattenMap:^RACStream *(id value) {

     // 当signalOfsignals的signals发出信号才会调用

        return value;

    }] subscribeNext:^(id x) {

        // 只有signalOfsignals的signal发出信号才会调用,因为内部订阅了bindBlock中返回的信号,也就是flattenMap返回的信号。
        // 也就是flattenMap返回的信号发出内容,才会调用

        NSLog(@"%@aaa",x);
    }];

    // 信号的信号发送信号
    [signalOfsignals sendNext:signal];

    // 信号发送内容
    [signal sendNext:@1];
  • 1.5 ReactiveCocoa操作方法之组合。
    • concat:按一定顺序拼接信号,当多个信号发出的时候,有顺序的接收信号。
RACSignal *signalA = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {

        [subscriber sendNext:@1];

        [subscriber sendCompleted];

        return nil;
    }];
    RACSignal *signalB = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {

        [subscriber sendNext:@2];

        return nil;
    }];

    // 把signalA拼接到signalB后,signalA发送完成,signalB才会被激活。
    RACSignal *concatSignal = [signalA concat:signalB];

    // 以后只需要面对拼接信号开发。
    // 订阅拼接的信号,不需要单独订阅signalA,signalB
    // 内部会自动订阅
    // 注意:第一个信号必须发送完成,第二个信号才会被激活
    [concatSignal subscribeNext:^(id x) {

        NSLog(@"%@",x);

    }];

    // concat底层实现:
    // 1.当拼接信号被订阅,就会调用拼接信号的didSubscribe
    // 2.didSubscribe中,会先订阅一个源信号(signalA)
    // 3.会执行第一个源信号(signalA)的didSubscribe
    // 4.第一个源信号(signalA)didSubscribe中发送值,就会调用一个源信号(signalA)订阅者的nextBlock,通过拼接信号的订阅者把值发送出来.
    // 5.第一个源信号(signalA)didSubscribe中发送完成,就会调用一个源信号(signalA)订阅者的completedBlock,订阅第二个源信号(signalB)这时候才激活(signalB)。
    // 6.订阅第二个源信号(signalB),执行第二个源信号(signalB)的didSubscribe
    // 7.第二个源信号(signalA)didSubscribe中发送值,就会通过拼接信号的订阅者把值发送出来.
  • then:用于连接两个信号,当第一个信号完成,才会连接then返回的信号。

    // then:用于连接两个信号,当第一个信号完成,才会连接then返回的信号
    // 注意使用then,之前信号的值会被忽略掉.
    // 底层实现:1、先过滤掉之前的信号发出的值。2.使用concat连接then返回的信号
    [[[RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
    
     [subscriber sendNext:@1];
     [subscriber sendCompleted];
     return nil;
    }] then:^RACSignal *{
     return [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
         [subscriber sendNext:@2];
         return nil;
     }];
    }] subscribeNext:^(id x) {
    
     // 只能接收到第二个信号的值,也就是then返回信号的值
     NSLog(@"%@",x);
    }];
    • merge:把多个信号合并为一个信号,任何一个信号有新值的时候就会调用
// merge:把多个信号合并成一个信号
    //创建多个信号
    RACSignal *signalA = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {

        [subscriber sendNext:@1];


        return nil;
    }];

    RACSignal *signalB = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {

        [subscriber sendNext:@2];

        return nil;
    }];

    // 合并信号,任何一个信号发送数据,都能监听到.
    RACSignal *mergeSignal = [signalA merge:signalB];

    [mergeSignal subscribeNext:^(id x) {

        NSLog(@"%@",x);

    }];

    // 底层实现:
    // 1.合并信号被订阅的时候,就会遍历所有信号,并且发出这些信号。
    // 2.每发出一个信号,这个信号就会被订阅
    // 3.也就是合并信号一被订阅,就会订阅里面所有的信号。
    // 4.只要有一个信号被发出就会被监听。
  • zipwith:把两个信号压缩成一个信号,只有当两个信号同时发出信号内容时,并且把两个信号的内容合并成一个元组,才会触发压缩流的next事件。
RACSignal *signalA = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {

        [subscriber sendNext:@1];


        return nil;
    }];

    RACSignal *signalB = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {

        [subscriber sendNext:@2];

        return nil;
    }];



    // 压缩信号A,信号B
    RACSignal *zipSignal = [signalA zipwith:signalB];

    [zipSignal subscribeNext:^(id x) {

        NSLog(@"%@",x);
    }];

    // 底层实现:
    // 1.定义压缩信号,内部就会自动订阅signalA,signalB
    // 2.每当signalA或者signalB发出信号,就会判断signalA,signalB有没有发出个信号,有就会把最近发出的信号都包装成元组发出。
  • combineLatest:将多个信号合并起来,并且拿到各个信号的最新的值,必须每个合并的signal至少都有过一次sendNext,才会触发合并的信号。

    RACSignal *signalA = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
    
       [subscriber sendNext:@1];
    
       return nil;
    }];
    
    RACSignal *signalB = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
    
       [subscriber sendNext:@2];
    
       return nil;
    }];
    
    // 把两个信号组合成一个信号,跟zip一样,没什么区别
    RACSignal *combinesignal = [signalA combineLatestWith:signalB];
    
    [combinesignal subscribeNext:^(id x) {
    
       NSLog(@"%@",x);
    }];
    
    // 底层实现:
    // 1.当组合信号被订阅,内部会自动订阅signalA,signalB,必须两个信号都发出内容,才会被触发。
    // 2.并且把两个信号组合成元组发出。
    RACSignal *signalA = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
    
       [subscriber sendNext:@1];
    
       return nil;
    }];
    
    RACSignal *signalB = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
    
       [subscriber sendNext:@2];
    
       return nil;
    }];
    
    // 聚合
    // 常见的用法,(先组合在聚合)。combineLatest:(id<NSFastEnumeration>)signals reduce:(id (^)())reduceBlock
    // reduce中的block简介:
    // reduceblcok中的参数,有多少信号组合,reduceblcok就有多少参数,每个参数就是之前信号发出的内容
    // reduceblcok的返回值:聚合信号之后的内容
    RACSignal *reduceSignal = [RACSignal combineLatest:@[signalA,signalB] reduce:^id(NSNumber *num1,NSNumber *num2){
    
      return [Nsstring stringWithFormat:@"%@ %@",num1,num2];
    
    }];
    
    [reduceSignal subscribeNext:^(id x) {
    
       NSLog(@"%@",x);
    }];
    
    // 底层实现:
    // 1.订阅聚合信号,每次有内容发出,就会执行reduceblcok,把信号内容转换成reduceblcok返回的值。
    • 1.6 ReactiveCocoa操作方法之过滤。

    • filter:过滤信号,使用它可以获取满足条件的信号.

    // 过滤:
    // 每次信号发出,会先执行过滤条件判断.
    [_textField.rac_textSignal filter:^BOOL(Nsstring *value) {
           return value.length > 3;
    }];
    • ignore:忽略完某些值的信号.
    // 内部调用filter过滤,忽略掉ignore的值
    [[_textField.rac_textSignal ignore:@"1"] subscribeNext:^(id x) {
    
       NSLog(@"%@",x);
    }];
    • distinctUntilChanged:当上一次的值和当前的值有明显的变化就会发出信号,否则会被忽略掉。
    // 过滤,当上一次和当前的值不一样,就会发出内容
    // 在开发中,刷新UI经常使用,只有两次数据不一样才需要刷新
    [[_textField.rac_textSignal distinctUntilChanged] subscribeNext:^(id x) {
    
       NSLog(@"%@",x);
    }];
    • take:从开始一共取N次的信号
    // 1、创建信号
    RACSubject *signal = [RACSubject subject];
    
    // 2、处理信号,订阅信号
    [[signal take:1] subscribeNext:^(id x) {
    
       NSLog(@"%@",x);
    }];
    
    // 3.发送信号
    [signal sendNext:@1];
    
    [signal sendNext:@2];
    • takeLast:取最后N次的信号,前提条件,订阅者必须调用完成,因为只有完成,就知道总共有多少信号.
    // 1、创建信号
    RACSubject *signal = [RACSubject subject];
    
    // 2、处理信号,订阅信号
    [[signal takeLast:1] subscribeNext:^(id x) {
    
       NSLog(@"%@",x);
    }];
    
    // 3.发送信号
    [signal sendNext:@1];
    
    [signal sendNext:@2];
    
    [signal sendCompleted];
    // 监听文本框的改变直到当前对象被销毁
    [_textField.rac_textSignal takeuntil:self.rac_willDeallocSignal];
    • skip:(NSUInteger):跳过几个信号,不接受。
    // 表示输入第一次,不会被监听到,跳过第一次发出的信号
    [[_textField.rac_textSignal skip:1] subscribeNext:^(id x) {
    
       NSLog(@"%@",x);
    }];
    • switchToLatest:用于signalOfSignals(信号的信号),有时候信号也会发出信号,会在signalOfSignals中,获取signalOfSignals发送的最新信号。
    RACSubject *signalOfSignals = [RACSubject subject];
    RACSubject *signal = [RACSubject subject];
    
    // 获取信号中信号最近发出信号,订阅最近发出的信号。
    // 注意switchToLatest:只能用于信号中的信号
    [signalOfSignals.switchToLatest subscribeNext:^(id x) {
    
       NSLog(@"%@",x);
    }];
    [signalOfSignals sendNext:signal];
    [signal sendNext:@1];
  • 1.7 ReactiveCocoa操作方法之秩序。

    • doNext: 执行Next之前,会先执行这个Block
    • doCompleted: 执行sendCompleted之前,会先执行这个Block

      [[[[RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) { [subscriber sendNext:@1]; [subscriber sendCompleted]; return nil; }] doNext:^(id x) { // 执行[subscriber sendNext:@1];之前会调用这个Block NSLog(@"doNext");; }] doCompleted:^{ // 执行[subscriber sendCompleted];之前会调用这个Block NSLog(@"doCompleted");; }] subscribeNext:^(id x) { NSLog(@"%@",x); }];
  • 1.8 ReactiveCocoa操作方法之线程。

    • deliverOn: 内容传递切换到制定线程中,副作用在原来线程中,把在创建信号时block中的代码称之为副作用。

    • subscribeOn: 内容传递和副作用都会切换到制定线程中。

  • 1.9 ReactiveCocoa操作方法之时间。

    • timeout:超时,可以让一个信号在一定的时间后,自动报错。

      RACSignal *signal = [[RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
       return nil;
      }] timeout:1 onScheduler:[RACScheduler currentScheduler]];
      
      [signal subscribeNext:^(id x) {
      
       NSLog(@"%@",x);
      } error:^(NSError *error) {
       // 1秒后会自动调用
       NSLog(@"%@",error);
      }];
    • interval 定时:每隔一段时间发出信号

      [[RACSignal interval:1 onScheduler:[RACScheduler currentScheduler]] subscribeNext:^(id x) { NSLog(@"%@",x); }];
    • delay 延迟发送next。

      RACSignal *signal = [[[RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
      
       [subscriber sendNext:@1];
       return nil;
      }] delay:2] subscribeNext:^(id x) {
      
       NSLog(@"%@",x);
      }];
  • 1.9 ReactiveCocoa操作方法之重复。

    • retry重试 :只要失败,就会重新执行创建信号中的block,直到成功.
__block int i = 0;
    [[[RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {

            if (i == 10) {
                [subscriber sendNext:@1];
            }else{
                NSLog(@"接收到错误");
                [subscriber sendError:nil];
            }
            i++;

        return nil;

    }] retry] subscribeNext:^(id x) {

        NSLog(@"%@",x);

    } error:^(NSError *error) {


    }];
RACSignal *signal = [[RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {


        [subscriber sendNext:@1];
        [subscriber sendNext:@2];

        return nil;
    }] replay];

    [signal subscribeNext:^(id x) {

        NSLog(@"第一个订阅者%@",x);

    }];

    [signal subscribeNext:^(id x) {

        NSLog(@"第二个订阅者%@",x);

    }];
  • throttle节流:当某个信号发送比较频繁时,可以使用节流,在某一段时间不发送信号内容,过了一段时间获取信号的最新内容发出。

    RACSubject *signal = [RACSubject subject];
    
    _signal = signal;
    
    // 节流,在一定时间(1秒)内,不接收任何信号内容,过了这个时间(1秒)获取最后发送的信号内容发出。
    [[signal throttle:1] subscribeNext:^(id x) {
    
       NSLog(@"%@",x);
    }];

2.介绍MVVM架构思想。

2.1 程序为什么要架构:便于程序员开发和维护代码

2.2 常见的架构思想:

  • MVC M:模型 V:视图 C:控制器

  • MVVM M:模型 V:视图+控制器 VM:视图模型

  • MVCS M:模型 V:视图 C:控制器 C:服务类

  • VIPER V:视图 I:交互器 P:展示器 E:实体 R:路由
    PS:VIPER架构思想

2.3 MVVM介绍

  • 模型(M):保存视图数据。

  • 视图+控制器(V):展示内容 + 如何展示

  • 视图模型(VM):处理展示的业务逻辑,包括按钮的点击,数据的请求和解析等等。

3.ReactiveCocoa + MVVM 实战一:登录界面

  • 3.1需求+分析+步骤
/* 需求:1.监听两个文本框的内容,有内容才允许按钮点击
        2.登录请求.

   用MVVM:实现,之前界面的所有业务逻辑
   分析:1.之前界面的所有业务逻辑都交给控制器做处理
        2.在MVVM架构中把控制器的业务全部搬去VM模型,也就是每个控制器对应一个VM模型.

   步骤:1.创建Loginviewmodel类,处理登录界面业务逻辑.
        2.这个类里面应该保存着账号的信息,创建一个账号Account模型
        3.Loginviewmodel应该保存着账号信息Account模型。
        4.需要时刻监听Account模型中的账号和密码的改变,怎么监听?
        5.在非RAC开发中,都是习惯赋值,在RAC开发中,需要改变开发思维,由赋值转变为绑定,可以在一开始初始化的时候,就给Account模型中的属性绑定,并不需要重写set方法。
        6.每次Account模型的值改变,就需要判断按钮能否点击,在VM模型中做处理,给外界提供一个能否点击按钮的信号.
        7.这个登录信号需要判断Account中账号和密码是否有值,用KVO监听这两个值的改变,把他们聚合成登录信号.
        8.监听按钮的点击,由VM处理,应该给VM声明一个RACCommand,专门处理登录业务逻辑.
        9.执行命令,把数据包装成信号传递出去
        10.监听命令中信号的数据传递
        11.监听命令的执行时刻
 */
@interface ViewController ()

@property (nonatomic,strong) Loginviewmodel *loginviewmodel;

@property (weak,nonatomic) IBOutlet UITextField *accountField;
@property (weak,nonatomic) IBOutlet UITextField *pwdField;

@property (weak,nonatomic) IBOutlet UIButton *loginBtn;


@end

- (Loginviewmodel *)loginviewmodel
{
    if (_loginviewmodel == nil) {

        _loginviewmodel = [[Loginviewmodel alloc] init];
    }
    return _loginviewmodel;
}

// 视图模型绑定
- (void)bindModel
{
    // 给模型的属性绑定信号
    // 只要账号文本框一改变,就会给account赋值
    RAC(self.loginviewmodel.account,account) = _accountField.rac_textSignal;
    RAC(self.loginviewmodel.account,pwd) = _pwdField.rac_textSignal;

    // 绑定登录按钮
    RAC(self.loginBtn,enabled) = self.loginviewmodel.enableLoginSignal;

   // 监听登录按钮点击
    [[_loginBtn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(id x) {

        // 执行登录事件
        [self.loginviewmodel.LoginCommand execute:nil];
    }];
}
@interface Loginviewmodel : NSObject

@property (nonatomic,strong) Account *account;


// 是否允许登录的信号
@property (nonatomic,strong,readonly) RACSignal *enableLoginSignal;

@property (nonatomic,readonly) RACCommand *LoginCommand;

@end

@implementation Loginviewmodel
- (Account *)account
{
    if (_account == nil) {
        _account = [[Account alloc] init];
    }
    return _account;
}
- (instancetype)init
{
    if (self = [super init]) {
        [self initialBind];
    }
    return self;
}


// 初始化绑定
- (void)initialBind
{
    // 监听账号的属性值改变,把他们聚合成一个信号。
    _enableLoginSignal = [RACSignal combineLatest:@[RACObserve(self.account,account),RACObserve(self.account,pwd)] reduce:^id(Nsstring *account,Nsstring *pwd){

        return @(account.length && pwd.length);

    }];

    // 处理登录业务逻辑
    _LoginCommand = [[RACCommand alloc] initWithSignalBlock:^RACSignal *(id input) {

        NSLog(@"点击了登录");
        return [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {

            // 模仿网络延迟
            dispatch_after(dispatch_time(disPATCH_TIME_Now,(int64_t)(0.5 * NSEC_PER_SEC)),dispatch_get_main_queue(),^{

                [subscriber sendNext:@"登录成功"];

                // 数据传送完毕,必须调用完成,否则命令永远处于执行状态
                [subscriber sendCompleted];
            });

            return nil;
        }];
    }];

    // 监听登录产生的数据
    [_LoginCommand.executionSignals.switchToLatest subscribeNext:^(id x) {

        if ([x isEqualToString:@"登录成功"]) {
            NSLog(@"登录成功");
        }
    }];

    // 监听登录状态
    [[_LoginCommand.executing skip:1] subscribeNext:^(id x) {
        if ([x isEqualToNumber:@(YES)]) {

            // 正在登录ing...
            // 用蒙版提示
            [MBProgressHUD showMessage:@"正在登录..."];


        }else
        {
            // 登录成功
            // 隐藏蒙版
            [MBProgressHUD hideHUD];
        }
    }];
}

4.ReactiveCocoa + MVVM 实战二:网络请求数据

  • 4.1 接口:这里先给朋友介绍一个免费的网络数据接口,豆瓣。可以经常用来练习一些网络请求的小Demo.

  • 4.2 需求+分析+步骤

/*
    需求:请求豆瓣图书信息,url:https://api.douban.com/v2/book/search?q=基础

    分析:请求一样,交给VM模型管理

    步骤:
        1.控制器提供一个视图模型(requesviewmodel),处理界面的业务逻辑
        2.VM提供一个命令,处理请求业务逻辑
        3.在创建命令的block中,会把请求包装成一个信号,等请求成功的时候,就会把数据传递出去。
        4.请求数据成功,应该把字典转换成模型,保存到视图模型中,控制器想用就直接从视图模型中获取。
        5.假设控制器想展示内容到tableView,直接让视图模型成为tableView的数据源,把所有的业务逻辑交给视图模型去做,这样控制器的代码就非常少了。
 */
@interface ViewController ()

@property (nonatomic,weak) UITableView *tableView;

@property (nonatomic,strong) Requestviewmodel *requesviewmodel;


@end

@implementation ViewController
- (Requestviewmodel *)requesviewmodel
{
    if (_requesviewmodel == nil) {
        _requesviewmodel = [[Requestviewmodel alloc] init];
    }
    return _requesviewmodel;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view,typically from a nib.

    // 创建tableView
    UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds];
    tableView.dataSource = self.requesviewmodel;

    [self.view addSubview:tableView];

    // 执行请求
 RACSignal *requesSiganl = [self.requesviewmodel.reuqesCommand execute:nil];

   // 获取请求的数据
    [requesSiganl subscribeNext:^(NSArray *x) {

        self.requesviewmodel.models = x;

        [self.tableView reloadData];

    }];

}


@end
@interface Requestviewmodel : NSObject<UITableViewDataSource>


    // 请求命令
    @property (nonatomic,readonly) RACCommand *reuqesCommand;

    //模型数组
    @property (nonatomic,readonly) NSArray *models;



@end

@implementation Requestviewmodel

- (instancetype)init
{
    if (self = [super init]) {

        [self initialBind];
    }
    return self;
}


- (void)initialBind
{
    _reuqesCommand = [[RACCommand alloc] initWithSignalBlock:^RACSignal *(id input) {

        RACSignal *requestSignal = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {


            NSMutableDictionary *parameters = [NSMutableDictionary dictionary];
            parameters[@"q"] = @"基础";

            // 发送请求
            [[AFHTTPRequestOperationManager manager] GET:@"https://api.douban.com/v2/book/search" parameters:parameters success:^(AFHTTPRequestOperation * _Nonnull operation,id  _Nonnull responSEObject) {
                NSLog(@"%@",responSEObject);

                // 请求成功调用
                // 把数据用信号传递出去
                [subscriber sendNext:responSEObject];

                [subscriber sendCompleted];


            } failure:^(AFHTTPRequestOperation * _Nonnull operation,NSError * _Nonnull error) {
                // 请求失败调用

            }];

            return nil;
        }];




        // 在返回数据信号时,把数据中的字典映射成模型信号,传递出去
        return [requestSignal map:^id(NSDictionary *value) {
            NSMutableArray *dictArr = value[@"books"];

            // 字典转模型,遍历字典中的所有元素,全部映射成模型,并且生成数组
            NSArray *modelArr = [[dictArr.rac_sequence map:^id(id value) {

                return [Book bookWithDict:value];
            }] array];

            return modelArr;
        }];

    }];

 }

#pragma mark - UITableViewDataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.models.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static Nsstring *ID = @"cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (cell == nil) {

        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
    }

    Book *book = self.models[indexPath.row];
    cell.detailTextLabel.text = book.subtitle;
    cell.textLabel.text = book.title;

    return cell;
}

@end



本文转载自简书作者袁峥Seemygo 原文链接:http://www.jianshu.com/p/e10e5ca413b7

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如果组件之中有复用的代码,需要重新创建一个父类,父类中存储公共代码,返回子类,同时把公用属性...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例如我们的 setState 函数式同步执行的,我们的事件处理直接绑定在了 dom 元素上,这些都跟 re...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom 转为真实 dom 进行挂载。其实函数是组件和类组件也是在这个基础上包裹了一层,一个是调...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使用,可能是不了解。我公司的项目就没有使用,但是在很多三方库中都有使用。本小节我们来学习下如果使用该...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接触 react 就一直使用 mobx 库,上手简单不复杂。
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc 端可以使用分页进行渲染数限制,在移动端可以使用下拉加载更多。但是对于大量的列表渲染,特别像有实时数据...
本小节开始前,我们先答复下一个同学的问题。上一小节发布后,有小伙伴后台来信问到:‘小编你只讲了类组件中怎么使用 ref,那在函数式组件中怎么使用呢?’。确实我们...
上一小节我们了解了固定高度的滚动列表实现,因为是固定高度所以容器总高度和每个元素的 size、offset 很容易得到,这种场景也适合我们常见的大部分场景,例如...
上一小节我们处理了 setState 的批量更新机制,但是我们有两个遗漏点,一个是源码中的 setState 可以传入函数,同时 setState 可以传入第二...
我们知道 react 进行页面渲染或者刷新的时候,会从根节点到子节点全部执行一遍,即使子组件中没有状态的改变,也会执行。这就造成了性能不必要的浪费。之前我们了解...
在平时工作中的某些场景下,你可能想在整个组件树中传递数据,但却不想手动地通过 props 属性在每一层传递属性,contextAPI 应用而生。
楼主最近入职新单位了,恰好新单位使用的技术栈是 react,因为之前一直进行的是 vue2/vue3 和小程序开发,对于这些技术栈实现机制也有一些了解,最少面试...
我们上一节了了解了函数式组件和类组件的处理方式,本质就是处理基于 babel 处理后的 type 类型,最后还是要处理虚拟 dom。本小节我们学习下组件的更新机...
前面几节我们学习了解了 react 的渲染机制和生命周期,本节我们正式进入基本面试必考的核心地带 -- diff 算法,了解如何优化和复用 dom 操作的,还有...
我们在之前已经学习过 react 生命周期,但是在 16 版本中 will 类的生命周期进行了废除,虽然依然可以用,但是需要加上 UNSAFE 开头,表示是不安...
上一小节我们学习了 react 中类组件的优化方式,对于 hooks 为主流的函数式编程,react 也提供了优化方式 memo 方法,本小节我们来了解下它的用...
开源不易,感谢你的支持,❤ star me if you like concent ^_^
hel-micro,模块联邦sdk化,免构建、热更新、工具链无关的微模块方案 ,欢迎关注与了解
本文主题围绕concent的setup和react的五把钩子来展开,既然提到了setup就离不开composition api这个关键词,准确的说setup是由...
ReactsetState的执行是异步还是同步官方文档是这么说的setState()doesnotalwaysimmediatelyupdatethecomponent.Itmaybatchordefertheupdateuntillater.Thismakesreadingthis.staterightaftercallingsetState()apotentialpitfall.Instead,usecom