ReactiveCocoa简介三,根据输入框的条件,改变输入框背景颜色

前端之家收集整理的这篇文章主要介绍了ReactiveCocoa简介三,根据输入框的条件,改变输入框背景颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

(1)创建一些信号,来表示用户名和密码输入框中的输入内容是否有效

//代码对每个输入框的rac_textSignal应用了一个map转换。输出是一个用NSNumber封装的布尔值。

RACSignal *validUsernameSignal =
 [self.usernameTextField.rac_textSignal
 map:^id(NSString *text) {
 return @([self isValidUsername:text]);
 }]; 
RACSignal *validPasswordSignal =
 [self.passwordTextField.rac_textSignal 
 map:^id(NSString *text) { 
 return @([self isValidPassword:text]);
 }];

(2)下一步是转换这些信号,从而能为输入框设置不同的背景颜色。

[[validPasswordSignal
  map:^id(NSNumber *passwordValid){
    return[passwordValid boolValue] ? [UIColor clearColor]:[UIColor yellowColor];
  }]
  subscribeNext:^(UIColor *color){
    self.passwordTextField.backgroundColor = color;
  }];

合并的写法就是
RAC宏允许直接把信号的输出应用到对象的属性上。
RAC(对象,属性名)每次信号产生一个next事件,传递过来的值都会应用到该属性上。
RAC(self.passwordTextField,backgroundColor) =
  [validPasswordSignal
    map:^id(NSNumber *passwordValid){
      return[passwordValid boolValue] ? [UIColor clearColor]:[UIColor yellowColor];
    }];
  
RAC(self.usernameTextField,backgroundColor) =
  [validUsernameSignal
    map:^id(NSNumber *passwordValid){
     return[passwordValid boolValue] ? [UIColor clearColor]:[UIColor yellowColor];
   }];

- (BOOL)isValidUsername:(NSString *)username {
  return username.length > 3;
}

- (BOOL)isValidPassword:(NSString *)password {
  return password.length > 3;
}
原文链接:https://www.f2er.com/react/307186.html

猜你在找的React相关文章