最快让你上手ReactiveCocoa之基础篇
分类:React作者:佚名
前言
很多blog都说ReactiveCocoa好用,然后各种秀自己如何灵活运用ReactiveCocoa,但是感觉真正缺少的是一篇如何学习ReactiveCocoa的文章,小编看了很多篇都没看出怎么使用ReactiveCocoa,于是决定自己写一遍关于学习ReactiveCocoa的文章,本文主要针对如何从零开始学习ReactiveCocoa,这里非常感谢3个人(支点的雷纯锋,camera360的宋潘,以及我的小学弟何宗柱(我爱科技)),在我研究ReactiveCocoa对我的帮助。
如果喜欢我的文章,可以关注我,微博:袁峥Seemygo,也可以来小码哥,了解下我们的iOS培训课程。之后还会更新《最快让你上手ReactiveCocoa之进阶篇》
1.ReactiveCocoa简介
ReactiveCocoa(简称为RAC
),是由Github开源的一个应用于iOS和OS开发的新框架,Cocoa是苹果整套框架的简称,因此很多苹果框架喜欢以Cocoa结尾。
2.ReactiveCocoa作用
- 在我们iOS开发过程中,当某些事件响应的时候,需要处理某些业务逻辑,这些事件都用不同的方式来处理。
- 比如按钮的点击使用action,ScrollView滚动使用delegate,属性值改变使用KVO等系统提供的方式。
- 其实这些事件,都可以通过RAC处理
- ReactiveCocoa为事件提供了很多处理方法,而且利用RAC处理事件很方便,可以把要处理的事情,和监听的事情的代码放在一起,这样非常方便我们管理,就不需要跳到对应的方法里。非常符合我们开发中
高聚合,低耦合
的思想。
3.编程思想
在开发中我们也不能太依赖于某个框架,否则这个框架不更新了,导致项目后期没办法维护,比如之前Facebook提供的Three20框架
,在当时也是神器,但是后来不更新了,也就没什么人用了。因此我感觉学习一个框架,还是有必要了解它的编程思想
。
先简单介绍下目前咱们已知的 3.1面向过程
:处理事情以过程为核心,一步一步的实现。
3.2面向对象
:万物皆对象
3.3链式编程思想
:是将多个操作(多行代码)通过点号(.)链接在一起成为一句代码,使代码可读性好。a(1).b(2).c(3)
Snip20151225_4.png
Snip20150925_1.png
Snip20151225_5.png
Paste_Image.png
3.4响应式编程思想
:不需要考虑调用顺序,只需要知道考虑结果,类似于蝴蝶效应,产生一个事件,会影响很多东西,这些事件像流一样的传播出去,然后影响结果,借用面向对象的一句话,万物皆是流。
3.5函数式编程思想
:是把操作尽量写成一系列嵌套的函数或者方法调用。
Paste_Image.png
Paste_Image.png
4.ReactiveCocoa编程思想
ReactiveCocoa结合了几种编程风格:
函数式编程(Functional Programming)
响应式编程(Reactive Programming)
所以,你可能听说过ReactiveCocoa被描述为函数响应式编程(FRP)框架。
以后使用RAC解决问题,就不需要考虑调用顺序,直接考虑结果,把每一次操作都写成一系列嵌套的方法中,使代码高聚合,方便管理。
5.如何导入ReactiveCocoa框架
通常都会使用CocoaPods(用于管理第三方框架的插件)帮助我们导入。
PS:CocoaPods教程
注意:
Snip20150926_2.png
- 需要在podfile加上use_frameworks,重新pod install 才能导入成功。
Snip20150926_3.png
6.ReactiveCocoa常见类。
学习框架首要之处:个人认为先要搞清楚框架中常用的类
,在RAC中最核心的类RACSiganl
,搞定这个类就能用ReactiveCocoa开发了。
6.1RACSiganl
:信号类,一般表示将来有数据传递,只要有数据改变,信号内部接收到数据,就会马上发出数据。
信号类(RACSiganl),只是表示当数据改变时,信号内部会发出数据,它本身不具备发送信号的能力,而是交给内部一个订阅者去发出。
默认一个信号都是冷信号,也就是值改变了,也不会触发,只有订阅了这个信号,这个信号才会变为热信号,值改变了才会触发。
如何订阅信号:调用信号RACSignal的subscribeNext就能订阅。
RACSiganl简单使用:
RACSignal *siganl = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
[subscriber sendNext:@1];
[subscriber sendCompleted];
return [RACdisposable disposableWithBlock:^{
NSLog(@"信号被销毁");
}];
}];
[siganl subscribeNext:^(id x) {
NSLog(@"接收到数据:%@",x);
}];
6.2RACSubscriber
:表示订阅者的意思,用于发送信号,这是一个协议,不是一个类,只要遵守这个协议,并且实现方法才能成为订阅者。通过create创建的信号,都有一个订阅者,帮助他发送数据。
6.3RACdisposable
:用于取消订阅或者清理资源,当信号发送完成或者发送错误的时候,就会自动触发它。
使用场景:不想监听某个信号时,可以通过它主动取消订阅信号。
6.4RACSubject
:RACSubject:信号提供者,自己可以充当信号,又能发送信号。
使用场景:通常用来代替代理,有了它,就不必要定义代理了。
RACReplaySubject:重复提供信号类,RACSubject的子类。
// RACSubject使用步骤
RACSubject *subject = [RACSubject subject];
[subject subscribeNext:^(id x) {
NSLog(@"第一个订阅者%@",x);
}];
[subject subscribeNext:^(@"第二个订阅者%@",x);
}];
[subject sendNext:@"1"];
RACReplaySubject *replaySubject = [RACReplaySubject subject];
[replaySubject sendNext:@1];
[replaySubject sendNext:@2];
[replaySubject subscribeNext:^(id x) {
@"第一个订阅者接收到的数据%@",161)">// 订阅信号
[replaySubject subscribeNext:^(@"第二个订阅者接收到的数据%@",x);
}];
// 需求:
步骤一:在第二个控制器.h,添加一个RACSubject代替代理。
@interface TwoViewController : UIViewController
@property (nonatomic,strong) RACSubject *delegateSignal;
@end
步骤二:监听第二个控制器按钮点击
@implementation TwoViewController
- (IBAction)notice:(id)sender {
if (self.delegateSignal) {
[self.delegateSignal sendNext:nil];
}
}
@end
步骤三:在第一个控制器中,监听跳转按钮,给第二个控制器的代理信号赋值,并且监听.
OneViewController
- (IBAction)btnClick:(id)sender {
TwoViewController *twoVc = [[TwoViewController alloc] init];
twoVc.delegateSignal = [RACSubject subject];
[twoVc.delegateSignal subscribeNext:^(@"点击了通知按钮");
}];
[self presentViewController:twoVc animated:YES completion:nil];
}
@end
6.6RACTuple
:元组类,类似NSArray,用来包装值.
6.7RACSequence
:RAC中的集合类,用于代替NSArray,NSDictionary,可以使用它来快速遍历数组和字典。
使用场景:1.字典转模型
RACSequence和RACTuple简单使用
// 1.遍历数组
NSArray *numbers = @[@1,@2,152)">3,152)">4];
[numbers.rac_sequence.signal subscribeNext:^(@"%@",x);
}];
NSDictionary *dict = @{@"name":@"xmg",@"age":@18};
[dict.rac_sequence.signal subscribeNext:^(RACTuple *x) {
RACTupleUnpack(Nsstring *key,Nsstring *value) = x;
@"%@ %@",key,value);
}];
Nsstring *filePath = [[NSBundle mainBundle] pathForResource:@"flags.plist" ofType:nil];
NSArray *dictArr = [NSArray arrayWithContentsOfFile:filePath];
NSMutableArray *items = [NSMutableArray array];
for (NSDictionary *dict in dictArr) {
FlagItem *item = [FlagItem flagWithDict:dict];
[items addobject:item];
}
NSMutableArray *flags = [NSMutableArray array];
_flags = flags;
[dictArr.rac_sequence.signal subscribeNext:^(// 运用RAC遍历字典,x:字典
FlagItem *item = [FlagItem flagWithDict:x];
[flags addobject:item];
}];
NsstringFromCGRect([UIScreen mainScreen].bounds));
NSArray arrayWithContentsOfFile:filePath];
NSArray *flags = [[dictArr.rac_sequence map:^id(id value) {
return [FlagItem flagWithDict:value];
}] array];
6.8RACCommand
:RAC中用于处理事件的类,可以把事件如何处理,事件中的数据如何传递,包装到这个类中,他可以很方便的监控事件的执行过程。
使用场景:监听按钮点击,网络请求
RACCommand简单使用
// 一、RACCommand使用步骤:
RACCommand *command = [[RACCommand alloc] initWithSignalBlock:^RACSignal *(id input) {
@"执行命令");
return [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
[subscriber sendNext:@"请求数据"];
[subscriber sendCompleted];
return nil;
}];
}];
_conmmand = command;
[command.executionSignals subscribeNext:^(id x) {
[x subscribeNext:^(id x) {
// RAC高级用法
[command.executionSignals.switchToLatest subscribeNext:^(// 4.监听命令是否执行完毕,默认会来一次,可以直接跳过,skip表示跳过第一次信号。
[[command.executing skip:1] subscribeNext:^(id x) {
if ([x boolValue] == YES) {
@"正在执行");
}else{
@"执行完成");
}
}];
[self.conmmand execute:@1];
6.9RACMulticastConnection
:用于当一个信号,被多次订阅时,为了保证创建信号时,避免多次调用创建信号中的block,造成副作用,可以使用这个类处理。
使用注意:RACMulticastConnection通过RACSignal的-publish或者-muticast:方法创建.
RACMulticastConnection简单使用:
// RACMulticastConnection使用步骤:
RACSignal *signal = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
@"发送请求");
return nil;
}];
[signal subscribeNext:^(@"接收数据");
}];
);
}];
RACSignal *signal = [RACSignal createSignal:^RACdisposable *(@"发送请求");
[subscriber sendNext:@1];
return nil;
}];
RACMulticastConnection *connect = [signal publish];
[connect.signal subscribeNext:^(@"订阅者一信号");
}];
[connect.signal subscribeNext:^(@"订阅者二信号");
}];
[connect connect];
6.10RACScheduler
:RAC中的队列,用GCD封装的。
6.11RACUnit
:表⽰stream不包含有意义的值,也就是看到这个,可以直接理解为nil.
6.12RACEvent
: 把数据包装成信号事件(signal event)。它主要通过RACSignal的-materialize来使用,然并卵。
7.ReactiveCocoa开发中常见用法。
7.1 代替代理:
rac_signalForSelector:用于替代代理。
7.2 代替KVO :
rac_valuesAndChangesForKeyPath:用于监听某个对象的属性改变。
7.3 监听事件:
rac_signalForControlEvents:用于监听某个事件。
7.4 代替通知:
rac_addobserverForName:用于监听某个通知。
7.5 监听文本框文字改变:
rac_textSignal:只要文本框发出改变就会发出这个信号。
7.6 处理当界面有多次请求时,需要都获取到数据时,才能展示界面
rac_liftSelector:withSignalsFromArray:Signals:当传入的Signals(信号数组),每一个signal都至少sendNext过一次,就会去触发第一个selector参数的方法。
- 使用注意:几个信号,参数一的方法就几个参数,每个参数对应信号发出的数据。
7.7 代码演示
// 1.代替代理
[[redV rac_signalForSelector:@selector(btnClick:)] subscribeNext:^(id x) {
@"点击红色按钮");
}];
[[redV rac_valuesAndChangesForKeyPath:@"center" options:NSkeyvalueObservingOptionNew observer:nil] subscribeNext:^(// 3.监听事件
[[self.btn rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(@"按钮被点击了");
}];
[[[NSNotificationCenter defaultCenter] rac_addobserverForName:UIKeyboardWillShowNotification object:nil] subscribeNext:^(@"键盘弹出");
}];
[_textField.rac_textSignal subscribeNext:^(id x) {
@"文字改变了%@",x);
}];
RACSignal *request1 = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
[subscriber sendNext:@"发送请求1"];
return nil;
}];
RACSignal *request2 = [RACSignal createSignal:^RACdisposable *(id<RACSubscriber> subscriber) {
[subscriber sendNext:@"发送请求2"];
// 使用注意:几个信号,参数一的方法就几个参数,每个参数对应信号发出的数据。
[self rac_liftSelector:@selector(updateUIWithR1:r2:) withSignalsFromArray:@[request1,request2]];
}
- (void)updateUIWithR1:(id)data r2:(id)data1
{
@"更新UI%@ %@",data,data1);
}
8.ReactiveCocoa常见宏。
8.1RAC(TARGET,[KEYPATH,[NIL_VALUE]])
:用于给某个对象的某个属性绑定。
// 只要文本框文字改变,就会修改label的文字 RAC(self.labelView,text) = _textField.rac_textSignal;
8.2RACObserve(self,name)
:监听某个对象的某个属性,返回的是信号。
[RACObserve(self.view,center) subscribeNext:^(id x) {
NSLog(@"%@",x)
}]
8.3@weakify(Obj)和@strongify(Obj)
,一般两个都是配套使用,在主头文件(ReactiveCocoa.h
)中并没有导入,需要自己手动导入,RACEXTScope.h
才可以使用。但是每次导入都非常麻烦,只需要在主头文件自己导入就好了。
8.4RACTuplePack
:把数据包装成RACTuple(元组类)
// 把参数中的数据包装成元组
RACTuple *tuple = RACTuplePack(@10,152)">20);
8.5RACTupleUnpack
:把RACTuple(元组类)解包成对应的数据。
// 把参数中的数据包装成元组
RACTuple *tuple = RACTuplePack(20);
RACTupleUnpack(Nsstring *name,210)">NSNumber *age) = tuple;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。
相关推荐
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如果组件之中有复用的代码,需要重新创建一个父类,父类中存储公共代码,返回子类,同时把公用属性...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例如我们的 setState 函数式同步执行的,我们的事件处理直接绑定在了 dom 元素上,这些都跟 re...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom 转为真实 dom 进行挂载。其实函数是组件和类组件也是在这个基础上包裹了一层,一个是调...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使用,可能是不了解。我公司的项目就没有使用,但是在很多三方库中都有使用。本小节我们来学习下如果使用该...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接触 react 就一直使用 mobx 库,上手简单不复杂。
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc 端可以使用分页进行渲染数限制,在移动端可以使用下拉加载更多。但是对于大量的列表渲染,特别像有实时数据...
本小节开始前,我们先答复下一个同学的问题。上一小节发布后,有小伙伴后台来信问到:‘小编你只讲了类组件中怎么使用 ref,那在函数式组件中怎么使用呢?’。确实我们...
上一小节我们了解了固定高度的滚动列表实现,因为是固定高度所以容器总高度和每个元素的 size、offset 很容易得到,这种场景也适合我们常见的大部分场景,例如...
上一小节我们处理了 setState 的批量更新机制,但是我们有两个遗漏点,一个是源码中的 setState 可以传入函数,同时 setState 可以传入第二...
我们知道 react 进行页面渲染或者刷新的时候,会从根节点到子节点全部执行一遍,即使子组件中没有状态的改变,也会执行。这就造成了性能不必要的浪费。之前我们了解...
在平时工作中的某些场景下,你可能想在整个组件树中传递数据,但却不想手动地通过 props 属性在每一层传递属性,contextAPI 应用而生。
楼主最近入职新单位了,恰好新单位使用的技术栈是 react,因为之前一直进行的是 vue2/vue3 和小程序开发,对于这些技术栈实现机制也有一些了解,最少面试...
我们上一节了了解了函数式组件和类组件的处理方式,本质就是处理基于 babel 处理后的 type 类型,最后还是要处理虚拟 dom。本小节我们学习下组件的更新机...
前面几节我们学习了解了 react 的渲染机制和生命周期,本节我们正式进入基本面试必考的核心地带 -- diff 算法,了解如何优化和复用 dom 操作的,还有...
我们在之前已经学习过 react 生命周期,但是在 16 版本中 will 类的生命周期进行了废除,虽然依然可以用,但是需要加上 UNSAFE 开头,表示是不安...
上一小节我们学习了 react 中类组件的优化方式,对于 hooks 为主流的函数式编程,react 也提供了优化方式 memo 方法,本小节我们来了解下它的用...
开源不易,感谢你的支持,❤ star me if you like concent ^_^
hel-micro,模块联邦sdk化,免构建、热更新、工具链无关的微模块方案 ,欢迎关注与了解
本文主题围绕concent的setup和react的五把钩子来展开,既然提到了setup就离不开composition api这个关键词,准确的说setup是由...
ReactsetState的执行是异步还是同步官方文档是这么说的setState()doesnotalwaysimmediatelyupdatethecomponent.Itmaybatchordefertheupdateuntillater.Thismakesreadingthis.staterightaftercallingsetState()apotentialpitfall.Instead,usecom