iOS - RAC使用（二）之项目实战——登录

面向大海 春暖花开.jpeg

看到评论留言，希望笔者能多一些RAC知识的输出，但是笔者忙于给项目写bug一直持续了1个多月，每天都将近11，12点到家。周六得加班。而导致许久未更，甚是惭愧。

2021.5.29记录
再次进入该篇未写完的文章，查询历史版本一看，原来已经上一次写该篇文章居然是10个月之前。时间总在不经意之间流逝滴如此之快。看挺多读者又在留言中希望笔者输出一些比较有价值的实战，评论区有有几个小伙伴一直在等着更新。下面那就让我们一起进入接下来的学习吧！

目录
一、关于项目
二、MVVM介绍
三、RAC+MVVM登录逻辑

一、关于项目

主要是为了分享RAC在实际中的应用场景

登录.gif

二、MVVM介绍

• 模型(M):保存视图数据。

• 视图+控制器(V):展示内容 + 如何展示

• 视图模型(VM):处理展示的业务逻辑，包括按钮的点击，数据的请求和解析等等。

  
  
  图片.png

三、RAC+MVVM登录逻辑

3.1 需求

• 1 手机号限制长度为11位，密码限制长度为6位
• 2 登录按钮默认为灰色，且不交互状态
• 3 登录按钮的交互事件 需满足手机号和验证码同时有值才可交互

3.2 代码实现

3.2.1 控制器代码

//主要代码段
#import "LoginViewController.h"
#import "LoginViewModel.h"
@interface LoginViewController ()

@property(nonatomic ,strong)UITextField *accountTextFiled;

@property(nonatomic ,strong)UITextField *passwordTextField;

@property(nonatomic ,strong)UIImageView  *imgView;

@property(nonatomic ,strong)UIButton *loginBtn;

@property(nonatomic ,strong)LoginViewModel *viewModel;

@end

@implementation LoginViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self setupSubView];
    
    [self bindViewModel];
    
}
#pragma mark - bindViewModel
- (void)bindViewModel{
    
    //绑定输入框
    RAC(self.viewModel,account) = [RACSignal merge:@[self.accountTextFiled.rac_textSignal,RACObserve(self.accountTextFiled, text)]];
    RAC(self.viewModel,password) = [RACSignal merge:@[self.passwordTextField.rac_textSignal,RACObserve(self.passwordTextField, text)]];
    
    //监听button是否可用
    RAC(self.loginBtn, enabled)  = self.viewModel.loginBtnEnableSignal;
    @weakify(self);
    [RACObserve(self.loginBtn, enabled) subscribeNext:^(id  _Nullable x) {
        @strongify(self);
        [self.loginBtn setBackgroundColor:[x boolValue]?kThemeColor:[UIColor colorWithHex:0xD0D0D0]];
        
    }];
    [[self.loginBtn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(__kindof UIControl * _Nullable x) {
        @strongify(self);
        [HHHudManager showHudWithText:[NSString stringWithFormat:@"输入的账号为:%@\n密码为:%@",self.viewModel.account,self.viewModel.password]];
        
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            [self dismissViewControllerAnimated:true completion:^{}];

        });
    }];

    //显示输入长度
    [self.accountTextFiled.rac_textSignal subscribeNext:^(NSString * _Nullable x) {
        @strongify(self);
        if ([x length] > 11) {
            self.accountTextFiled.text = [x substringToIndex:11];
        }
    }];
    [self.passwordTextField.rac_textSignal subscribeNext:^(NSString * _Nullable x) {
        @strongify(self);
        if ([x length] > 6) {
            self.passwordTextField.text = [x substringToIndex:6];
        }
    }];
}

3.2.2 ViewModel代码

//LoginViewModel.h
//BaseViewModel里面定义了一些基础性的东西（eg:loading/网络异常/无数据/服务器异常/toast提示等，后面做购物车以及订单的时候会用到。。）
@interface LoginViewModel : BaseViewModel

@property (nonatomic , readonly, copy) NSString * account;
@property (nonatomic , readonly, copy) NSString * password;
@property (nonatomic , strong) RACSignal *loginBtnEnableSignal;

@end

//LoginViewModel.m
#import "LoginViewModel.h"
@interface LoginViewModel()

@property (nonatomic , readwrite, copy) NSString * account;
@property (nonatomic , readwrite, copy) NSString * password;

@end
@implementation LoginViewModel

- (instancetype)init{
    
    if ( self = [super init]) {
        [self bindModel];
    }
    return self;
    
}

- (void)bindModel{}
- (RACSignal *)loginBtnEnableSignal{
    if (!_loginBtnEnableSignal) {
        _loginBtnEnableSignal = [RACSignal combineLatest:@[RACObserve(self, account),RACObserve(self, password)] reduce:^id _Nonnull{
            return @(self.account.length && self.password.length);
        }];
    }
    return _loginBtnEnableSignal;
}

@end