浅谈 ReactiveCocoa 在各种情况下的使用

发表于 | 分类于

情景一 - RACCommand + Signal 控制 button 的点击

情景解释：现在我们有一个场景，在 TextField 中需要填入符合某些要求的字符串，一个按钮才可以点击。

  • 首先创建一个 Textfield 和一个 UIButton：
1
2
3
4
UITextField *textField = [[UITextField alloc] init];
textField.borderStyle = UITextBorderStyleBezel;

UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];
  • 创建一个符合 button 的 enable 要求的 signal，例如我们要求 TextField 输入的个数大于 6，button 才能点击：
1
2
3
4
RACSignal *enableSignal = [textField.rac_textSignal map:^id _Nullable(NSString * _Nullable value) {
    // 将 Bool 映射成了一个 NSNumber 对象
    return @(value.length > 6);
}];

配置 button 的 rac_command:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// button 是否 enable 是根据 enable signal 来判断的
button.rac_command = [[RACCommand alloc] initWithEnabled:enableSignal signalBlock:^RACSignal * _Nonnull(id  _Nullable input) {
    return [RACSignal createSignal:^RACDisposable * _Nullable(id<RACSubscriber>  _Nonnull subscriber) {
        // 模拟耗时操作
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            [subscriber sendNext:[[NSDate date] description]];
            [subscriber sendCompleted];
        });
        
        return [RACDisposable disposableWithBlock:^{
            NSLog(@"信号被销毁----->%@", [self class]);
        }];
    }];
}];

此时，只要 button 点击，就会执行 command 中的操作。

获取 Command 中的操作：

  • button.rac_command.executionSignals 是一个执行的信号组，订阅之后参数在是一个信号，参数的参数才是我们需要用的值：
1
2
3
4
5
6
7
#if 0
    [button.rac_command.executionSignals subscribeNext:^(RACSignal<id> * _Nullable x) {
        [x subscribeNext:^(id  _Nullable x) {
            NSLog(@"%@", x);
        }];
    }];
#endif
  • 我们也可以通过 button.rac_command.executionSignals.switchToLatest 更简单的方法去获取 Subcriber 传出的值：
1
2
3
4
5
6
7
8
9
[[button.rac_command.executionSignals.switchToLatest deliverOnMainThread] subscribeNext:^(id  _Nullable x) {
    // 此处的 x 就是上面 subscriber 发出的时间字符串
    // 让它显示在一个 alertView 上
    UIAlertController *ac = [UIAlertController alertControllerWithTitle:@"Time" message:[NSString stringWithFormat:@"%@", x] preferredStyle:UIAlertControllerStyleAlert];
    [ac addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
        NSLog(@"123");
    }]];
    [self presentViewController:ac animated:YES completion:nil];
}];

情景二 - 双向绑定实现 ColorPicker

情景解释：三个 Slider 分别管理色值的 RGB，拖动 slider 以配置颜色或者在 RGB 值的 textField 中输入数字来配置颜色。

RACChannelTerminal

通道终端，用于实现 Objects 的双向绑定。

创建双向绑定 Signal

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
- (RACSignal *)bindSlider:(UISlider *)slider withTextField:(UITextField *)textField {
    
    // 使用通道终端进行双向绑定
    RACChannelTerminal *sliderChannelTerminal = [slider rac_newValueChannelWithNilValue:nil];
    RACChannelTerminal *textChannelTerminal = [textField rac_newTextChannel];
    
    // slider 返回的浮点数非常长, 需先进行格式化
    // slider 的通道终端订阅 textField 通道终端
    [[sliderChannelTerminal map:^id _Nullable(id  _Nullable value) {
        return [NSString stringWithFormat:@"%.3f", [value floatValue]];
    }] subscribe:textChannelTerminal];
    
    // textField 通道终端订阅 slider 通道终端
    [textChannelTerminal subscribe:sliderChannelTerminal];
    
    RACSignal *textSignal = textField.rac_textSignal;
    
    // merge 不管先后顺序, 因为 combinelatest 需要所有信号都有新值, 所以在赋值的时候通过 merge textFild 的输入内容, 让其触发一次新值, 这样合并之后, 初始都触发了一次
    return [[sliderChannelTerminal merge:textChannelTerminal] merge:textSignal];
}

初始化信息并调用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.redField.text = @"0.500";
    self.greenField.text = @"0.500";
    self.blueField.text = @"0.500";
    RACSignal *rSignal = [self bindSlider:self.redSlider withTextField:self.redField];
    RACSignal *gSignal = [self bindSlider:self.greenSlider withTextField:self.greenField];
    RACSignal *bSignal = [self bindSlider:self.blueSlider withTextField:self.blueField];
    
    // combineLatest 需要所有信号都有新值
    RACSignal *colorSignal = [[RACSignal combineLatest:@[rSignal, gSignal, bSignal]] map:^id _Nullable(RACTuple * _Nullable value) {
        return [UIColor colorWithRed:[value[0] floatValue] green:[value[1] floatValue] blue:[value[2] floatValue] alpha:1];
    }];
    
#if 0
    // 传统的订阅
    @weakify(self);
    [colorSignal subscribeNext:^(UIColor *  _Nullable color) {
        dispatch_async(dispatch_get_main_queue(), ^{
            @strongify(self);
            self.colorView.backgroundColor = color;
        });
    }];
#endif
    
    // RAC 宏用来绑定
    RAC(self.colorView, backgroundColor) = colorSignal;
}