文章系列
《RACSignal 》
《RACDisposable》
《RACSubject、RACReplaySubject》
《iOS RAC - 基本用法》
《iOS RAC - 定时器》
《iOS RAC - RACMulticastConnection》
《iOS RAC - RACCommand》
《iOS RAC - 核心方法bind》
《iOS RAC - 集合RACTuple、RACSequence》
《iOS RAC - rac_leftSelector》
《iOS RAC - 映射》
《iOS RAC - 过滤》
《iOS RAC - 登录页面,MVVM》
先布局UI
在storyboard中拖入两个textField
和一个button
,在ViewController中引用,并且在storyboard中设置按钮默认不可以点击。
1、对用户名和密码做限制(用户名长度不能少于1位,密码必须是六位数及以上)
///监听文本框输入状态,确定按钮是否可以点击
RAC(_loginBtn,enabled) = [RACSignal combineLatest:@[_accountTF.rac_textSignal,_passwordTF.rac_textSignal] reduce:^id _Nullable(NSString * account,NSString * password){
return @(account.length && (password.length > 5));
}];
2、监听按钮点击状态
[[_loginBtn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(__kindof UIControl * _Nullable x) {
NSLog(@"点击了 点击了");
}];
3、把按钮的点击事件,包装成为一个command
在command中我们会模拟网络请求,监听登录成功的信号,同时去监听command的执行过程
RACCommand * btnPressCommand = [[RACCommand alloc] initWithSignalBlock:^RACSignal * _Nonnull(id _Nullable input) {
NSLog(@"组合参数,准备发送登录请求");
return [RACSignal createSignal:^RACDisposable * _Nullable(id<RACSubscriber> _Nonnull subscriber) {
NSLog(@"开始请求");
NSLog(@"请求成功");
NSLog(@"处理数据");
[subscriber sendNext:@"请求完成,数据给你"];
return [RACDisposable disposableWithBlock:^{
NSLog(@"结束了");
}];
}];
}];
[btnPressCommand.executionSignals.switchToLatest subscribeNext:^(id _Nullable x) {
NSLog(@"登录成功,跳转页面");
}];
[[btnPressCommand.executing skip:1] subscribeNext:^(NSNumber * _Nullable x) {
if ([x boolValue]) {
NSLog(@"正在执行中……");
}else{
NSLog(@"执行结束了");
}
}];
4、准备工作都完成啦,现在在按钮点击的时候就执行command
[[_loginBtn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(__kindof UIControl * _Nullable x) {
NSLog(@"点击了 点击了");
[btnPressCommand execute:@{@"account":_accountTF.text,@"password":_passwordTF.text}];
}];
2017-10-28 11:04:07.912743+0800 RAC[467:49597] 点击了 点击了
2017-10-28 11:04:07.913775+0800 RAC[467:49597] 组合参数,准备发送登录请求 - {
account = jack;
password = 123456;
}
2017-10-28 11:04:07.918380+0800 RAC[467:49597] 正在执行中……
2017-10-28 11:04:07.919022+0800 RAC[467:49597] 开始请求
2017-10-28 11:04:07.919115+0800 RAC[467:49597] 请求成功
2017-10-28 11:04:07.919196+0800 RAC[467:49597] 处理数据
2017-10-28 11:04:07.919688+0800 RAC[467:49597] 登录成功,跳转页面
这里没有执行完成,原因是因为在commnad中返回的信号,没有调用sendCompleted
2017-10-28 11:06:21.270969+0800 RAC[471:50127] 结束了
2017-10-28 11:06:21.271169+0800 RAC[471:50127] 执行结束了
MVVM
在刚才的代码中我们实现了功能,但是全部都写在了VC中,这样子显然是不够好的,所以我们一般都会采取MVC对VC进行瘦身,在RAC中更多的时候是使用MVVM。
所以接下来就使用MVVM来把VC瘦身吧
1、创建VM
创建一个VMLoginViewModel
,导入到VC中,并且懒加载他
@property (nonatomic, strong) LoginViewModel *loginVM;
@implementation ViewController
- (LoginViewModel *)loginVM{
if (!_loginVM){
_loginVM = [[LoginViewModel alloc] init];
}
return _loginVM;
}
2、开始抽离
- 2.1抽离文本框逻辑(这个部分VC并不关心,所以需要抽离出来)
文本框有两个,一个是用户名,一个是密码,两个文本框的值我们需要知道并保存,所以需要添加两个属性account
、password
、
@property (nonatomic, strong) NSString *account;
@property (nonatomic, strong) NSString *password;
然后在VC中赋值
RAC(self.loginVM,account) = _accountTF.rac_textSignal;
RAC(self.loginVM,password) = _passwordTF.rac_textSignal;
现在拿到了值,那么我要把结果告诉给VC,所以我们还需要创建一个Signal
@property (nonatomic, strong) RACSignal *btnEnableSignal;
信号肯定要初始化对吧
- (instancetype)init
{
self = [super init];
if (self) {
[self setUp];
}
return self;
}
- (void)setUp{
//RACObserve可以把KVO转化为信号
_btnEnableSignal = [RACSignal combineLatest:@[RACObserve(self,account),RACObserve(self, password)] reduce:^id _Nullable(NSString * account,NSString * password){
return @(account.length && (password.length > 5));
}];
}
现在只需要在VC中订阅我们这个信号就好了
RAC(_loginBtn,enabled) = self.loginVM.btnEnableSignal;
2.2 抽离command
(VC也不关心你怎么处理数据,怎么去请求,VC只需要知道结果就够了)
创建一个command
@property (nonatomic, strong) RACCommand *loginCommand;
然后就是把刚才写好的代码赋值到VM的setUp
方法当中
- (void)setUp{
//RACObserve可以把KVO转化为信号
_btnEnableSignal = [RACSignal combineLatest:@[RACObserve(self,account),RACObserve(self, password)] reduce:^id _Nullable(NSString * account,NSString * password){
return @(account.length && (password.length > 5));
}];
_loginCommand = [[RACCommand alloc] initWithSignalBlock:^RACSignal * _Nonnull(id _Nullable input) {
NSLog(@"组合参数,准备发送登录请求 - %@",input);
return [RACSignal createSignal:^RACDisposable * _Nullable(id<RACSubscriber> _Nonnull subscriber) {
NSLog(@"开始请求");
NSLog(@"请求成功");
NSLog(@"处理数据");
[subscriber sendNext:@"请求完成,数据给你"];
[subscriber sendCompleted];
return [RACDisposable disposableWithBlock:^{
NSLog(@"结束了");
}];
}];
}];
[[_loginCommand.executing skip:1] subscribeNext:^(NSNumber * _Nullable x) {
if ([x boolValue]) {
NSLog(@"正在执行中……");
}else{
NSLog(@"执行结束了");
}
}];
}
最后把按钮按下的时候执行的command
改成为VM里面的command
就可以了。
[[_loginBtn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(__kindof UIControl * _Nullable x) {
NSLog(@"点击了 点击了");
[self.loginVM.loginCommand execute:@{@"account":_accountTF.text,@"password":_passwordTF.text}];
}];
最终使用MVVM之后呢,在VC的代码就是这样子的
- (void)viewDidLoad {
[super viewDidLoad];
RAC(self.loginVM,account) = _accountTF.rac_textSignal;
RAC(self.loginVM,password) = _passwordTF.rac_textSignal;
RAC(_loginBtn,enabled) = self.loginVM.btnEnableSignal;
[self.loginVM.loginCommand.executionSignals.switchToLatest subscribeNext:^(id _Nullable x) {
NSLog(@"登录成功,跳转页面");
}];
[[_loginBtn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(__kindof UIControl * _Nullable x) {
NSLog(@"点击了 点击了");
[self.loginVM.loginCommand execute:@{@"account":_accountTF.text,@"password":_passwordTF.text}];
}];
}
相比较于之前什么都在VC中处理,确实给VC瘦身不少