RAC MVVM 基础应运

MVC设计模式

MVC的核心是非常简单又非常好的设计理念

MVC有3部分组成

1. Model-数据模型

2. View-用户交互界面

3. Controller-控制器存在于Model和View之间

MVVM 一个更好的世界

MVVM的模型标准是 Model-View-ViewModel


MVVM与MVC的不同

在MVVM模式中View Model分装数据与属性,view可以绑定他,他可以展示任何的逻辑与动作。

例如:你需要修改一个按钮的title为你在View Model中申明的一个属性,你可以将View Model的属性绑定到按钮上。

我们不必关心UI测试

在标准控件上我们不必关心UI测试,我们只是在上边绑定View Model。

我们可以容易的修改UI

因为UI是绑定到视图模型,这意味着你应该能够交换组件仅仅是通过将属性绑定到视图模型和UI应该与以前一样工作。这也应该使UI设计人员更容易尝试着不同的view在你的应用程序中

ViewModel到底是什么?

看一个简单的使用ViewModel的例子


ViewModel实例

#import

@interface CDWPlayerViewModel : NSObject

@property(nonatomic, retain) NSString *playerName;

@property(nonatomic, assign) double points;

@property(nonatomic, assign) double stepAmount;

@property(nonatomic, assign) double maxPoints;

@property(nonatomic, assign) double minPoints;

@property(nonatomic, readonly) NSUInteger maxPointUpdates;

-(IBAction)resetToDefaults:(id)sender;

-(IBAction)uploadData:(id)sender;

-(RACSignal *)forbiddenNameSignal;

-(RACSignal *)modelIsValidSignal;

@end


ViewController

//

//ViewController.m

//racTestTwo

//

//Created by HEcom on 16/9/20.

//Copyright © 2016年Jorgon. All rights reserved.

//

#import"ViewController.h"

#import

#import"PlayerViewModle.h"

#import

@interfaceViewController()

@property(weak,nonatomic)IBOutletUITextField*iPlayerName;

@property(weak,nonatomic)IBOutletUIStepper*iStepper;

@property(nonatomic,strong)PlayerViewModle*iViewModel;

@property(weak,nonatomic)IBOutletUIButton*iUploadButton;

@property(weak,nonatomic)IBOutletUILabel*iScoreField;

@property(weak,nonatomic)IBOutletUILabel*iStepperValue;

@property(nonatomic,assign)NSUIntegerscoreUpdates;

@end

staticNSIntegerconstkMaxUploads =5;

@implementationViewController

- (void)viewDidLoad {

[superviewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

self.iViewModel= [[PlayerViewModlealloc]init];

@weakify(self);

//Start binding our properties

RAC(self.iPlayerName,text) = [RACObserve(self.iViewModel, playerName)distinctUntilChanged];

[[self.iPlayerName.rac_textSignaldistinctUntilChanged]subscribeNext:^(idx) {

//this creates a reference to self that when used with @weakify(self);

//makes sure self isn't retained

@strongify(self);

self.iViewModel.playerName= x;

}];

//the score property is a double, RC gives us updates as NSNumber which we just call

//stringValue on and bind that to the scorefield text

RAC(self.iScoreField,text) = [RACObserve(self.iViewModel,points)map:^id(NSNumber*value) {

return[valuestringValue];

}];

//Setup bind the steppers values

self.iViewModel.points=self.iStepper.value;

RAC(self.iStepper,stepValue) =RACObserve(self.iViewModel,stepAmount);

RAC(self.iStepper,maximumValue) =RACObserve(self.iViewModel,maxPoints);

RAC(self.iStepper,minimumValue) =RACObserve(self.iViewModel,minPoints);

//bind the hidden field to a signal keeping track if

//we've updated less than a certain number times as the view model specifies

RAC(self.iStepper,hidden) = [RACObserve(self,scoreUpdates)map:^id(NSNumber*x) {

@strongify(self);

return@(x.intValue>=self.iViewModel.maxPointUpdates);

}];

//this signal should only trigger if we have "bad words" in our name

[self.iViewModel.forbiddenNameSignalsubscribeNext:^(NSString*name) {

@strongify(self);

UIAlertView*alert = [[UIAlertViewalloc]initWithTitle:@"Forbidden Name!"

message:[NSStringstringWithFormat:@"The name %@ has been forbidden!",name]

delegate:nil

cancelButtonTitle:@"Ok"

otherButtonTitles:nil];

[alertshow];

self.iViewModel.playerName=@"";

}];

//let the upload(save) button only be enabled when the view model says its valid

RAC(self.iUploadButton,enabled) =self.iViewModel.modelIsValidSignal;

//set the control action for our button to be the ViewModels action method

[self.iUploadButtonaddTarget:self.iViewModel

action:@selector(uploadData:)

forControlEvents:UIControlEventTouchUpInside];

//we can subscribe to the same thing in multiple locations

//here we skip the first 4 signals and take only 1 update

//and then disable/hide certain UI elements as our app

//only allows 5 updates

[[[[self.iUploadButton rac_signalForControlEvents:UIControlEventTouchUpInside]

skip:(kMaxUploads -1)] take:1] subscribeNext:^(idx) {

@strongify(self);

self.iPlayerName.enabled =NO;

self.iStepper.hidden =YES;

self.iUploadButton.hidden =YES;

}];

}

- (void)didReceiveMemoryWarning {

[superdidReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

@end

本页代码链接

参考文档:http://cocoasamurai.blogspot.jp/2013/03/basic-mvvm-with-reactivecocoa.html

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

推荐阅读更多精彩内容