iOS RAC - 登录页面,MVVM

文章系列
《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》



git地址



先布局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并不关心,所以需要抽离出来)
    文本框有两个,一个是用户名,一个是密码,两个文本框的值我们需要知道并保存,所以需要添加两个属性accountpassword
@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瘦身不少

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 197,597评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,053评论 2 375
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 144,583评论 0 326
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,888评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,772评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,536评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,922评论 3 388
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,554评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,838评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,861评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,677评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,483评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,928评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,104评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,403评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,945评论 2 343
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,156评论 2 339

推荐阅读更多精彩内容

  • 转载:http://ios.jobbole.com/83602/ 最近工作比较忙,但还是出来更新博客了,今天给大家...
    VV木公子阅读 4,062评论 3 28
  • 前言 看了下上篇博客的发表时间到这篇博客,竟然过了11个月,罪过,罪过。这一年时间也是够折腾的,年初离职跳槽到鹅厂...
    西木柚子阅读 21,196评论 12 185
  • 谁曾品尝我的苦涩 听我忧愁,知我心惑 不快乐的人也厌恶痛苦 谁又能爱上悲剧角色? 你把真实的我留给我自己 我守着雕...
    夜谷阅读 270评论 0 5
  • C语言: include<sdio.h> printf("Matrix7y"); OC语言: import<Fou...
    深藍碎片_阅读 128评论 0 0
  • 上一秒读着吴晓波的文字,下一秒就打开了大司马的直播间。这两位在出身背景,学识见地上毫无相似之处的人,在17年...
    dc7f23f818a9阅读 444评论 0 0