ReactiveCocoa学习笔记一

2016-07-07  本文已影响21人  c048e8b8e3d7

准备

项目使用的OC,所以使用的是2.5的版本,Podfile文件内容如下

target "ReactiveCocoaTest" do
pod 'ReactiveCocoa', '~> 2.5'
end

开始

最简单的用法每次输入或删除的字符都会触发block

    [self.usernameTextField.rac_textSignal subscribeNext:^(id x) {
        NSLog(@"value=%@", x);
    }];

添加filter来过滤内容(只有当输入的字符串长度大于3才触发block)

    [[self.usernameTextField.rac_textSignal filter:^BOOL(id value) {
        NSString *text = value;
        return text.length > 3;
    }] subscribeNext:^(id x) {
        NSLog(@"value=%@", x);
    }];

使用map来改变信号传递的值(在filter之前通过map字符串对象转化成Number对象)

    [[[self.usernameTextField.rac_textSignal map:^id(NSString  *value) {
        return @(value.length);
    }] filter:^BOOL(NSNumber *length) {
        return [length integerValue] > 3;
    }] subscribeNext:^(id x) {
        NSLog(@"value=%@", x);//x是Number类型
    }];

定义一个方法来判断是否为有效密码,这里我就简单地通过长度来判断了

- (BOOL)isValidPassWord:(NSString *)text
{
    return text.length > 5;
}

然后通过map调用这个方法开改变信号的类型

RACSignal *pSignal = [self.passwordTextField.rac_textSignal map:^id(NSString* value) {
        return @([self isValidPassWord:value]);
    }];

最后根据这个信号来设置密码框的背景颜色

    [[signal map:^id(id value) {
        return [value boolValue] ? [UIColor whiteColor] : [UIColor redColor];
    }] subscribeNext:^(UIColor *color) {
        self.passwordTextField.backgroundColor = color;
    }];

上面的代码使用了两个block来完成相关的工作,ReactiveCocoa已经为我们写好了一个宏,如下,使用起来代码更加简洁

RAC(self.passwordTextField, backgroundColor) = [pSignal map:^id(id value) {
        return [value boolValue] ? [UIColor whiteColor] : [UIColor redColor];
    }];

聚合信号(当用户名和密码都为有效输入的时候设置登录按钮的enabled属性)

    RACSignal *uSignal = [self.usernameTextField.rac_textSignal map:^id(NSString *value) {
        return @([self isValidPassWord:value]);
    }];
    //聚合信号
    RACSignal *signUpSignal = [RACSignal combineLatest:@[uSignal, pSignal] reduce:^id(NSNumber *usernameValid, NSNumber *passwordValid){
        return @([usernameValid boolValue] && [passwordValid boolValue]);
    }];
    //
    RAC(self.loginButton, enabled) = [signUpSignal map:^id(NSNumber *value) {
        return value;
    }];

上面的代码使用combineLatest:reduce:方法把uSignalpSignal产生的最新的值聚合在一起,并生成一个新的信号。每次这两个源信号的任何一个产生新值时,reduce block都会执行,block的返回值会发给下一个信号。

响应式登录

[[self.loginButton rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(id x) {
        //x 为loginButton对象
        NSLog(@"button clicked");
    }];

创建信号

- (RACSignal *)signInSignal
{
    return [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
        [self.signInSerive
         signInWithUsername:self.usernameTextField.text
         password:self.passwordTextField.text
         complete:^(BOOL success) {
             [subscriber sendNext:@(success)];
             [subscriber sendCompleted];
        }];
        return nil;
    }];
}

JCSignInService.m文件

#import "JCSignInService.h"

@implementation JCSignInService

- (void)signInWithUsername:(NSString *)username password:(NSString *)password complete:(JCSignInResponse)completeBlock
{
    //使用方法1模拟请求耗时在执行 donext的时候设置登录按钮为enabled=NO无效,必须使用方法2中模拟的耗时请求
    //方法2为异步
    
    //方法1
    /*
    BOOL flag = NO;
    if ([username isEqualToString:@"123456"]) {
        flag = YES;
    }
    
    [NSThread sleepForTimeInterval:4];
    
    if (completeBlock) {
        completeBlock(flag);
    }*/
    
    //方法2
    double delayInSeconds = 4.0;
    dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delayInSeconds * NSEC_PER_SEC));
    dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
        BOOL success = [username isEqualToString:@"user"] && [password isEqualToString:@"password"];
        completeBlock(success);
    });
}

@end```
然后就可以把按钮的响应事件做成如下

[[[[self.loginButton rac_signalForControlEvents:UIControlEventTouchUpInside] doNext:^(id x) {
self.loginButton.enabled = NO;
}] flattenMap:^id(id value) {
return [self signInSignal];
}] subscribeNext:^(id x) {
NSLog(@"Sign in result %@", x);
//处理登录成功或失败的逻辑
self.loginButton.enabled = YES;
}];```
doNext是一个附加操作,比如在登录过程中设置登录按钮为不可用状态

参考链接

ReactiveCocoa入门教程

上一篇下一篇

猜你喜欢

热点阅读