ReactiveCocoa的基本使用方法

ccccshq 2014-11-12

展开全文

ReactiveCocoa的基本使用方法

ReactiveCocoa由两个主要组件: 信号 ( RACSignal，信号是数据流，可以被绑定和传递 ), 序列 ( RACSequence )

ReactiveCocoa是github去年开源的一个项目，是在iOS平台上对FRP的实现。FRP的核心是信号，信号在ReactiveCocoa(以下简称RAC)中是通过`RACSignal`来表示的，信号是数据流，可以被绑定和传递。

可以把信号想象成水龙头，只不过里面不是水，而是玻璃球(value)，直径跟水管的内径一样，这样就能保证玻璃球是依次排列，不会出现并排的情况(数据都是线性处理的，不会出现并发情况)。水龙头的开关默认是关的，除非有了接收方(subscriber)，才会打开。这样只要有新的玻璃球进来，就会自动传送给接收方。可以在水龙头上加一个过滤嘴(filter)，不符合的不让通过，也可以加一个改动装置，把球改变成符合自己的需求(map)。也可以把多个水龙头合并成一个新的水龙头(combineLatest:reduce:)，这样只要其中的一个水龙头有玻璃球出来，这个新合并的水龙头就会得到这个球。

1、替代KVO

官方例子：官方的例子貌似用了比较老的函数。我改完以后看见什么是函数响应式编程(Functional Reactive Programming:FRP)他也是这么改的。说明一下。

@property (strong) NSString *username;


[RACAble(self, username) subscribeNext:^(NSString *newName) {
    NSLog(@"%@", newName);
}];

在这句代码以后，只要你的username有变化。都可以打印出来。实现了KVO的功能却减少了无数的代码。体现了绑定和响应。

高级一个点的官方例子

[[RACAble(self, username)
  filter:^(NSString *newName) {
      return [newName hasPrefix:@"j"];
  }]
 subscribeNext:^(NSString *newName) {
     NSLog(@"%@", newName);
 }];

第一个例子是简单的所有变化都会响应到。但是可能我只想响应部分情况。这时候就用filter来过滤。filter的block返回YES的情况就是需要触发的情况。其他就补返回。所以这代码以后。 username以j开头的才能打印出来。

2、流的实现

以下是Getting Started with ReactiveCocoa的例子和图片

如何以最少的代码实现一个时钟应用

RAC(self.textField.text) = [[[RACSignal interval:1] startWith:[NSDate date]] map:^id(NSDate *value) {
    NSDateComponents *dateComponents = [[NSCalendar currentCalendar] components:NSMinuteCalendarUnit | NSSecondCalendarUnit fromDate:value];
    
    return [NSString stringWithFormat:@"02%ld:%02ld:%02ld",(long)dateComponents.hour, dateComponents.minute, (long)dateComponents.second];
}];

实现的逻辑顺序是这样的。设置一个间隔为一秒。从现在开始调用的函数。并把当前实际传入。这个函数返回一个NSString。然后把这个NSString和界面上的textField绑定在了一起。从而实现了我认为我见过最简单时钟程序。表现了流和绑定响应。

2、组合

几乎每个ReactiveCocoa的Demo里面都会出现的例子。

(继续盗图图)

这个是用的leezhong的图。应该是从这个演讲PPT里面来的，点过去还有视频哦

就是说在必需验证每个所填写的数值符合标准。Button才能点击。

1
2
3

RAC(self.submitButton.enabled) = [RACSignal combineLatest:@[self.usernameField.rac_textSignal, self.passwordField.rac_textSignal] reduce:^id(NSString *userName, NSString *password) {
    return @(userName.length >= 6 && password.length >= 6);
}];