美文网首页RAC实战
RAC处理网络请求和界面交互

RAC处理网络请求和界面交互

作者: __微凉 | 来源:发表于2017-03-28 19:10 被阅读998次

前言

众所周知RAC学习曲线陡峭,作为新手的我也踩了不少坑.学习Rx的过程首先要学会基本的操作,然后再组合操作完成复杂的需求,就像习武先学基本的招式,再利用基本招式产生组合拳.网上关于RAC 组合拳的优质文章并不多,在网上所搜到的项目大部分对Rx的运用也非常粗糙单调,这里我介绍此人的一系列文章.这篇博客的目的是给自己的学习之路做做笔记,记录一下踩的坑和得到的收获,希望也能帮到有需要的人.

需求

在开发中,很多时候我们需要在N个网络请求完毕之后再进行UI界面的更新.假设现在我们有A请求和B请求,并且这两个请求是并行请求,没有顺序执行关系,在A,B请求完成之后刷新界面.

假设现在开始两个网络请求:

[self.viewModel.commandA execute:nil];
[self.viewModel.commandB execute:nil];

然后需要在网络请求命令执行的时候转菊花或者进行下拉刷新的UI动作.

由于有多个网络请求,所以可以将多个请求的执行信号合并成一个信号.

@weakify(self);
[[RACSignal
 merge:@[
          self.viewModel.commandA.executing,
          self.viewModel.commandB.executing
         ]]
 subscribeNext:^(NSNumber *loading) {
     @strongify(self);
     NSLog(@"%@",loading);
     if (loading.boolValue) {
         [self.tableView.header beginRefreshing];
     } else {
         [self.tableView.header endRefreshing];
         [self.tableView reloadData];
     }
 }];

得到的log值为:

0
0
1
1
0
0

但是这种做法有问题,我们先看看merge操作的时序图:

可以看到,merge操作所产生的新信号能够在被订阅时得到原信号们所产生的输出值.也就是说我们subscribeNext订阅到的值是两个executing信号实时的输出的集合.但是当其中一个网络操作较另一个操作耗时时,其中一个执行信号输出0表示执行完毕,并对界面进行了刷新,然而另一个操作N秒之后才会执行完成.如log所示,当第一个请求完成输出0时,第二个请求还在进行.
这样的情况显然不是我们想要的结果.
因此,merge方法并不适合该场景,应该换成combineLatest.


combineLatest能在每个被订阅信号发生变化的时候,都会取得每个信号的最新值应用在函数上.在我们的例子中,每个executing信号发生变化,我们还要对其他信号的状态进行观察,才能判断现在所处的是否是刷新状态.
我们将方法替换掉:
@weakify(self);
[[RACSignal
 combineLatest:@[
                 self.viewModel.commandA.executing,
                 self.viewModel.commandB.executing
                 ]]
 subscribeNext:^(NSNumber *loading) {
     @strongify(self);
     NSLog(@"%@",loading);
     if (loading.boolValue) {
         [self.tableView.header beginRefreshing];
     } else {
         [self.tableView.header endRefreshing];
        [self.tableView reloadData];
     }
  }];

此时的代码运行会出错,因为订阅得到的值loading实际上是一个RACTuple,里面包含了每个被订阅信号上最新的值.
其实我们只关心当前是不是处于网络请求状态,也就是说,我们只关心两种情况.
第一种情况,RACTuple中的值都为0,说明网络请求还没开始,或者网络请求已经结束.
第二种情况,RACTuple中有一个值为1,说明正在网络请求中.
我们拿到这个RACTuple,可以做mapreduce操作,但还有更高效的做法.
实际上,这个操作就是逻辑或操作,真值表为:

A B OR
1 1 1
0 1 1
1 0 1
0 0 0

RAC中提供了or操作的方法.

@weakify(self);
[[[RACSignal
 combineLatest:@[
                 self.viewModel.commandA.executing,
                 self.viewModel.commandB.executing
                 ]]
 or]
 subscribeNext:^(NSNumber *loading) {
     @strongify(self);
     NSLog(@"%@",loading);
     if (loading.boolValue) {
         [self.tableView.header beginRefreshing];
     } else {
         [self.tableView.header endRefreshing];
         [self.tableView reloadData];
     }
  }];

此时log如下:

0
1
1
1
0

和最开始的log相比,为什么少了个刚开始的0呢?仔细看上方combineLatest的图,当两个信号都发送值时才有第一个值合并,这点又和merge有区别.
我们似乎完成了我们的目的,但代码还可以继续优化.比如刚开始得到的0,这应该是信号初始发出的,对于我们来说根本没有用,我们可以排除这个值的干扰.

@weakify(self);
    [[[[RACSignal
       combineLatest:@[
                       self.viewModel.commandA.executing,
                       self.viewModel.commandB.executing
                       ]]
     or]
     skipWhileBlock:^BOOL(NSNumber *loading) {
         return ![loading boolValue];
     }]
     subscribeNext:^(NSNumber *loading) {
         @strongify(self);
         NSLog(@"%@",loading);
         if (loading.boolValue) {
             [self.tableView.header beginRefreshing];
         } else {
             [self.tableView.header endRefreshing];
             [self.tableView reloadData];
         }
     }];

我们增加了skipWhileBlock方法.当得到第一个返回值为yes之前,后面的subscribeNext将不会订阅到值.


在第一个值为1之前,所有的值都丢弃.得到log:
1
1
1
0

很好,我们又进了一步.接下来还有点问题,连续三次的1也可以进行过滤,因为正在进行刷新状态,不用每次得到1又进行刷新.

@weakify(self);
    [[[[[RACSignal
       combineLatest:@[
                       self.viewModel.commandA.executing,
                       self.viewModel.commandB.executing
                       ]]
     or]
     skipWhileBlock:^BOOL(NSNumber *loading) {
         return ![loading boolValue];
     }]
     distinctUntilChanged]
     subscribeNext:^(NSNumber *loading) {
         @strongify(self);
         NSLog(@"%@",loading);
         if (loading.boolValue) {
             [self.tableView.header beginRefreshing];
         } else {
             [self.tableView.header endRefreshing];
             [self.tableView reloadData];
         }
     }];

distinctUntilChanged这个方法很好理解.

distinctUntilChanged

此时的log:

1
0

完美!

相关文章

  • RAC处理网络请求和界面交互

    前言 众所周知RAC学习曲线陡峭,作为新手的我也踩了不少坑.学习Rx的过程首先要学会基本的操作,然后再组合操作完成...

  • Activity、window、view的关系

    1 作用 Activity:负责界面的展示、和用户交互、业务逻辑的处理 window:负责界面的展示、交互,vie...

  • 解耦-用RAC处理网络请求

    最近接手的项目中使用了RAC,也研究学习了下,发现使用RAC确实清晰便利了许多,下面记录一下用RAC处理网络请求实...

  • 【Android】Activity笔记

    Activity负责Android应用的界面处理工作 用来显示用户界面,并处理用户交互 通常,一个界面对应一个Ac...

  • 一 项目架构

    瞎扯 最近不是太忙,设置写了Rac的网络请求和响应式的编程,接触链式编程的快感 正文 大体架构如下:(这里就不细说...

  • RAC运用系列(六)实现MVVM+RAC在TableView中的

    前言 在上一篇中自己尝试了运用RAC+MVVM方式写登录界面RAC运用系列(五) MVVM 实现登录界面在登录注册...

  • RAC(四)

    本demo详见github 1.RAC+MVVM 2.RAC+MVVM-网络请求 友情链接: RAC(一) RAC...

  • RAC 与 多线程

    07 - RAC与多线程 RAC怎么实现多线程并发处理订阅? RAC多线程模式怎么解决资源抢夺? RAC怎么实现取...

  • 产品设计要素

    需求→交互→界面(视觉)→开发→测试→发布→用户反馈→迭代 草图·主界面·交互界面·交互说明·前端开发·后端接口 ...

  • Typescript Fetch拦截器实现 (Http Fetc

      最近用vue + typescript搭了个框架,使用Fetch做数据交互,需要处理请求和返回过程中的特殊情况...

网友评论

    本文标题:RAC处理网络请求和界面交互

    本文链接:https://www.haomeiwen.com/subject/buajottx.html