MVVM with ReactiveCocoa

时间:2024-10-01 18:07:38

内容提要:

本文首先对比MVC简单介绍了MVVM的概念和优点,其次,简单介绍了Reactive Cocoa的使用,最后,通过一个例子介绍了使用Reactive Cocoa的MVVM框架。

正文:

  首先推荐2篇MVVM介绍的特别好的文章:《ReactiveCocoa 和 MVVM 入门》《MVVM Tutorial with ReativeCocoa

  查了一些资料,特别是看完这两篇长文章后,又自己做了实验,把自己认为的一些比较好的观点和理解,记录在自己的文章中,主要是供自己复习。

1. MVVM框架

(1)什么是MVVM?

  MVVM,即 M-V-VM (Model-View-ViewModel)

  先从下图的MVC和MVVM的对比主观理解一下。

   如下图MVC和MVVM的对比图,MVVM的整个框架从MVC的角度可以按下图理解:MVC的C部分可以分成2部分,一部分给了MVVM的VM(View-Model)部分,一部分给了MVVM的V(View)部分。(对比图中的第一行和第二行理解)

另外,MVVM的V(View)部分,一部分是View Controller部分,一部分是View部分,也就是说整个MVVM的本质结构M+V+VM即 Model+View Controller、View+View Model。

MVVM  with ReactiveCocoa
(图片地址:https://github.com/SheronLv/Images/blob/master/MVVM/MVVM与MVC对比图.jpg)

(2)为什么提出MVVM框架?

  MVC的缺点:ios Architecture, where MVC stands for Massive View Controller.

  MVVM的优点:This pattern, facilitated by Reactive Cocoa, provides an excellent alternative to MVC, and guarantees sleek and lightweight view controllers. 即MVVM是为了解决MVC中View Controller部分过于庞大,把MVC的Controller部分变的轻量级。

  除了上面view部分变的轻量级,View-Model部分对“应用世界”的依赖和影响也尽可能减少,View-Model部分的单元测试变的可行,是MVVM的另一个优点。

2. Reactive Cocoa

  ReactiveCocoa is vital for binding the View and ViewModel together

特点:Reactive Cocoa 将我们常见的异步信息流控制工具(比如:Delegate、Block callbacks、Target Action、KVO、Notifications)统一到RACSignal下。

   Reactive Cocoa can searve as a replacement for the delegate pattern, target-action pattern, key-value observing, and more.

优点:Reactive Cocoa使用了更高层次的抽象。

概念:

(1)信号类RACSiganl:一些等待某事发生的代码,然后把结果值发送给他们的订阅者;

(2)订阅者:是一段代码,它等待信号给它发送一些值,然后订阅者就能处理这些值了(如何订阅信号:调用信号RACSignal的subscribeNext就能订阅);

(3)RACCommand:代表UI action,它包含一个signal和当前状态。这个signal是UI action的结果,状态表明action是否被执行。

举几个例子来学习一下Reactive Cocoa的语法,具体的学习可以查阅其他资料:

//@property (strong, nonatomic) RACCommand *executeSearch;

//(1)map使用
RACSignal *validSearchSignal = [[RACObserve(self, searchText)
//RACObserve创建一个信号Signal,this is a ReactiveCocoa wrapper over KVO(self.searchText是NSString类型)
map:^id(NSString *text) { // map操作,将text 转换成true和false的信号流
               return @(text.length > );
                }]
                 distinctUntilChanged]; //distinctUntilChanged保证,当state改变时,信号才被发出 //(2)subscribeNext使用
[validSearchSignal subscribeNext:^(id x) { NSLog(@"search text is valid %@", x); }];//signal的信号放出来就是x的值
//(3)RACCommand使用
self.executeSearch = [[RACCommand alloc] initWithEnabled:validSearchSignal
signalBlock:^RACSignal *(id input) { return [self executeSearchSignal]; //此函数返回一个RACSignal }]; self.searchButton.rac_command = self.viewModel.executeSearch; //rac_command是UIButton的一个Reactive Cocoa属性
点击searchButton之后变成不可点击状态,需[self executeSearchSignal]函数执行完,返回执行完的状态,searchButton才又可点击。
//(4)combineLatest、reduce使用
// 绑定提交按钮可用状态的视图逻辑 

RACSignal *requestingSingal = [RACObserve(self.viewModel, requestingQuesDetailInfo) distinctUntilChanged];

[[[RACSignal combineLatest:@[requestQuesDetailInfoSuccessSignal, quesStateSignal]
reduce:^id(NSNumber *requestQuesDetailInfoSuccess, NSString *quesState){
BOOL hidden = (![requestQuesDetailInfoSuccess boolValue]
                                          || [quesState isEqualToString:@"已解决"]);  
                                             return @(hidden);
                              }] distinctUntilChanged]
subscribeNext:^(NSNumber *hidden) {
@strongify(self); self.commentTextView.hidden = [hidden boolValue];
}];

另外,RAC代替代理、KVO、监听事件、代替通知、监听文本变化等常用方法,举例如下:

(参考:http://www.jianshu.com/p/87ef6720a096)

// 1.代替代理
//把调用某个对象的方法的信息转换成信号
[[VC rac_signalForSelector:@selector(btnClick:)] subscribeNext:^(id x) {
NSLog(@"点击按钮");
}]; // 2.KVO
// 把监听redV的center属性改变转换成信号
[[redV rac_valuesAndChangesForKeyPath:@"center" options:NSKeyValueObservingOptionNew observer:nil] subscribeNext:^(id x)
NSLog(@"%@",x);
}]; // 3.监听事件
// 把按钮点击事件转换为信号,点击按钮,就会发送信号
[[self.btn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(id x) { NSLog(@"按钮被点击了");
}]; // 4.代替通知
// 把监听到的通知转换信号
[[[NSNotificationCenter defaultCenter] rac_addObserverForName:UIKeyboardWillShowNotification object:nil] subscribeNext:^(id x) {
NSLog(@"键盘弹出");
}]; // 5.监听文本框的文字改变
[_textField.rac_textSignal subscribeNext:^(id x) { NSLog(@"文字改变了%@",x);
}]; // 6.处理多个请求,都返回结果的时候,统一做处理.
RACSignal *request1 = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) { // 发送请求1
[subscriber sendNext:@"发送请求1"];
return nil;
}]; RACSignal *request2 = [RACSignal createSignal:^RACDisposable *(id<RACSubscriber> subscriber) {
// 发送请求2
[subscriber sendNext:@"发送请求2"];
return nil;
}]; // 使用注意:几个信号,参数一的方法就几个参数,每个参数对应信号发出的数据。
[self rac_liftSelector:@selector(updateUIWithR1:r2:) withSignalsFromArray:@[request1,request2]]; }
// 更新UI
- (void)updateUIWithR1:(id)data r2:(id)data1
{
NSLog(@"更新UI%@ %@",data,data1);
}

3.举例

新建XYViewModel继承自NSObject,关键代码如下,此部分是MVVM的viewModel部分:

//暴露的请求接口标志属性如下
@property (nonatomic, assign) BOOL loading;
@property (nonatomic, assign) BOOL loadingSuccess;
@property (nonatomic, strong) NSString * errorMsg;
//请求数据
- (void)requestData
{
self.loading = YES;
self.loadingSuccess = NO;
@weakify(self);
[[.... cachePolicy:NVCacheTypeDisabled] subscribeNext:^(XYmodel * model) {
@strongify(self);
self.loading=NO;
self.loadingSuccess=YES;
} error:^(NSError * error) {
@strongify(self);
self.loading=NO;
self.loadingSuccess=NO;
self.errorMsg=[error nv_message];
}];
}

ViewController里的关键代码如下,主要是绑定viewModel的信号部分:

- (void)viewDidLoad
{ self.viewModel = [[XYViewModel alloc] init];
[self bindViewModel];
[self refreshData];
} - (void)bindViewModel
{
//提示网络错误
@weakify(self);
[RACObserve(self.viewModel, errorMsg) subscribeNext:^(NSString * errorMsg) {
@strongify(self);
[self setShowLoading:NO];
if(errorMsg&&errorMsg.length>){
[self showSplash:errorMsg];
}
[self.tableView reloadData];
[self refreshFinished];
}]; //请求结束
[RACObserve(self.viewModel, loading) subscribeNext:^(NSNumber * chaLoading) {
@strongify(self);
if ([chaLoading boolValue]==NO) {
[self setShowLoading:NO];
}
}]; //请求成功
[RACObserve(self.viewModel, loadingSuccess) subscribeNext:^(NSNumber * loadingSuccess) {
@strongify(self);
if ([loadingSuccess boolValue] == YES) {
[self setShowLoading:NO];
[self.tableView reloadData];
[self refreshFinished];
}
}];
}

这样就把ViewModel和ViewController绑定了起来。

另外,ViewModel还需要暴露View要展示的数据供View使用。