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;
}

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...