您的位置:首页 > Web前端 > React

ReactiveCocoa学习(二)

2015-08-12 17:21 253 查看

以登录为例

一般登录界面都会有一用户名和密码输入框,还有一个登录按钮,这次仅仅为了展现一个登录的,不涉及注册和忘记密码,记住密码此类功能。

RAC里面很多都是以block的形式出现的,这样会造成内存警告,所以务必要写上typeof(self)weakSelf = self;之后调用方法或者属性用weakSelf代替

考虑UE

1:假设现在要求 用户名长度 >=2且密码长度>=3,登录按钮可用。由于现在RAC是以Signal为机制的,那么用户名长度变化为一个Signal命名为validUsernameSignal密码长度变化为一个Signal 命名为validPasswordSignal,且在两者输入无效的情况下,输入框为黄色,反之白色 。即

//为了简单的监测用户输入的有效
-(BOOL) isValidInput:(NSString *)text tag:(NSInteger)tag{
BOOL flag = NO;
if (tag == 0) {
//用户名
flag = text.length >= 2;
}else{
//密码
flag = text.length >= 3;

}
return  flag;
}

typeof(self)weakSelf = self;
RACSignal *validUsernameSignal = [_nameTextField.rac_textSignal map:^id(id value) {
return @([weakSelf isValidInput:value tag:0]);
}];
RACSignal *validPasswordSignal = [_pwdTextField.rac_textSignal map:^id(NSString *text) {
return @([weakSelf isValidInput:text tag:1]);
}];
//转换这些信号,从而能为输入框设置不同的背景颜色。
RAC(_nameTextField, backgroundColor) =
[validUsernameSignal
map:^id(NSNumber *nameValid){
return[nameValid boolValue] ? [UIColor clearColor]:[UIColor yellowColor];
}];
RAC(_pwdTextField,backgroundColor) = [validPasswordSignal
map:^id(NSNumber *passwordValid){
return[passwordValid boolValue] ? [UIColor clearColor]:[UIColor yellowColor];
}];


2: 把以上两个信号组合一起,才能真正的表示登录按钮的可用性(enabled)

//信号聚合 使用combineLatest:reduce:方法把validUsernameSignal和validPasswordSignal产生的最新的值聚合在一起,并生成一个新的信号。每次这两个源信号的任何一个产生新值时,reduce block都会执行,block的返回值会发给下一个信号。
RACSignal *signUpActiveSignal = [RACSignal combineLatest:@[validUsernameSignal,validPasswordSignal] reduce:^id(NSNumber*usernameValid, NSNumber *passwordValid){
return @([usernameValid boolValue]&&[passwordValid boolValue]);
}];
[signUpActiveSignal subscribeNext:^(NSNumber*signupActive){
_loginBtn.enabled = [signupActive boolValue];
_loginBtn.alpha = [signupActive boolValue] ? 1:0.4;
}];


3: 当登录按钮可用,点击登录按钮,如果登录成功,则进入登录成功界面反之失败界面。这里假设用户名输入的为“123”则登录成功。

[[[_loginBtn rac_signalForControlEvents:UIControlEventTouchUpInside]flattenMap:^RACStream *(id value) {
return      [weakSelf signInSignal];
}]subscribeNext:^(id x) {
[weakSelf IsloginSuccess:[x boolValue]];
}];
- (RACSignal *)signInSignal{
[self resignResponder];
typeof(self)weakSelf = self;
return [RACSignal createSignal:^RACDisposable *(id subscriber){
[weakSelf login:_nameTextField.text password:_pwdTextField.text block:^(BOOL obj) {
[subscriber sendNext:@(obj)];
[subscriber sendCompleted];
}];
return nil;
}];
}
-(void)IsloginSuccess:(BOOL)flag{
SuccessViewController *uisvc = [[ SuccessViewController alloc]init];
[self.navigationController pushViewController:uisvc animated:true];
uisvc.title = flag ?@"登录成功": @"登录失败";

}
- (void) login:(NSString * )carNumber password:(NSString *)pwd block:(Block_Bool)result{
//Block_Bool的define定义 :typedef void (^Block_Bool) (BOOL b);

if ([_nameTextField.text isEqualToString:@"123"]) {
result(YES);
return;
}
result(NO);

}


4:为了更好的展示UE当点击self.view时,让键盘隐藏,这时加个手势:

UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]init];
tap.numberOfTapsRequired = 1;
tap.numberOfTouchesRequired = 1;
[self.view addGestureRecognizer:tap];
// 这是给self.view加上一个事件,点击的时候让键盘隐藏。
[tap rac_signalForSelector:@selector(resignResponder)];
RACSignal *tapSignal = [tap rac_gestureSignal];
[[tapSignal map:^id(id value) {
return value;
}] subscribeNext:^(id x) {
[weakSelf.view endEditing:YES];
}];
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: