ReactiveCocoa之常见用法(二)

React 前端之家
前端之家收集整理的这篇文章主要介绍了ReactiveCocoa之常见用法(二)，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

ReactiveCocoa开发中常见用法。

代替代理:

rac_signalForSelector：用于替代代理。

代替KVO :

rac_valuesAndChangesForKeyPath：用于监听某个对象的属性改变。

监听事件:

rac_signalForControlEvents：用于监听某个事件。

代替通知:

rac_addObserverForName:用于监听某个通知。

监听文本框文字改变:

rac_textSignal:只要文本框发出改变就会发出这个信号。

处理当界面有多次请求时，需要都获取到数据时，才能展示界面

rac_liftSelector:withSignalsFromArray:Signals:当传入的Signals(信号数组)，每一个signal都至少sendNext过一次，就会去触发第一个selector参数的方法。

使用注意：几个信号，参数一的方法就几个参数，每个参数对应信号发出的数据。


温馨提示：Demo用到的第三方

导入的第三方框架

pod 'ReactiveCocoa','~> 2.5'

pod 'Masonry','~> 0.6.4'

pod 'LxDBAnything','1.1.0'


代码：

@weakify(Obj)和@strongify(Obj),一般两个都是配套使用,在主头文件(ReactiveCocoa.h)中并没有导入，需要自己手动导入，RACEXTScope.h才可以使用。但是每次导入都非常麻烦，只需要在主头文件自己导入就好了。

[objc] view plain copy
  1. /*************************************基础部分**************************************************/
  2. #pragmamark--textField属性变化
  3. -(void)textFieldChange
  4. {
  6. //初始化一个textField控件
  7. UITextField*textField=({
  9. UITextField*textField=[[UITextFieldalloc]init];
  10. textField.backgroundColor=[UIColorcyanColor];
  11. textField;
  12. });
  13. textField.delegate=self;
  14. [self.viewaddSubview:textField];
  15. @weakify(self);
  16. [textFieldmas_makeConstraints:^(MASConstraintMaker*make){
  17. @strongify( make.size.mas_equalTo(CGSizeMake(180,40));
  18. make.center.equalTo(self.view);
  19. }];
  20. /*****************监听textField的属性变化情况*******************/
  21. //RAC内部封装好的类
  22. //默认执行1次，所以会有打印，原因:请查看RAC底层bind，hook的思想
  23. //监听文本框的文字改变
  24. [textField.rac_textSignalsubscribeNext:^(idx){
  25. LxDBAnyVar(x);
  26. }
  27. #pragmamark--Button用法监听事件
  28. void)textBtn
  29. UIButton*button=[UIButtonbuttonWithType:UIButtonTypeSystem];
  30. [buttonsetTitle:@"点击"forState:UIControlStateNormal];
  31. button.backgroundColor=[UIColorredColor];
  32. [addSubview:button];
  33. [button make.size.mas_equalTo(CGSizeMake(self.view.bounds.size.width,30));
  34. make.bottom.equalTo(self.view).offset(0);
  35. //监听事件
  36. //把按钮点击事件转换为信号，点击按钮，就会发送信号
  37. [[buttonrac_signalForControlEvents:UIControlEventTouchUpInside]idx){
  38. LxPrintf(@"进来了");
  39. RACViewController*VC=[[RACViewControllerinit];
  40. selfpresentViewController:VCanimated:YEScompletion:^{
  41. LxPrintf(@"%s",__func__);
  42. #pragmamark--手势
  43. void)addTap
  44. /**************手势*****************/
  45. self.view.userInteractionEnabled=YES;
  46. UITapGestureRecognizer*tap=[[UITapGestureRecognizer [[taprac_gestureSignal] LxDBAnyVar(x);
  47. }];
  48. addGestureRecognizer:tap];
  49. #pragmamark--通知中心
  50. -(void)notifiCenter
  51. {
  52. /**************通知*****************/
  53. [[[NSNotificationCenterdefaultCenter]rac_addObserverForName:UIApplicationDidEnterBackgroundNotificationobject:nil] #pragmamark--代理
  54. void)delegateDemo
  55. UIAlertView*alterView=[[UIAlertViewinitWithTitle:@"RAC"message:@"ReactiveCocoa"delegate:cancelButtonTitle:@"Cancel"otherButtonTitles:@"Ensure",nilnil];
  56. //方法一:代理
  57. //[[selfrac_signalForSelector:@selector(alertView:clickedButtonAtIndex:)fromProtocol:@protocol(UIAlertViewDelegate)]subscribeNext:^(idx){
  58. //
  59. //RACTuple*tuple=(RACTuple*)x;//类似于swift的元组
  60. //LxDBAnyVar(tuple);
  61. //LxDBAnyVar(tuple.first);
  62. //LxDBAnyVar(tuple.second);
  63. //LxDBAnyVar(tuple.third);
  64. //}];
  65. [alterViewshow];
  66. //方法二:内部封装的方法
  67. //更简单的方式
  68. [[alterViewrac_buttonClickedSignal] }
  69. #pragmamark--KVO
  70. void)addKvo
  71. UIScrollView*scrollView=[[UIScrollView scrollView.delegate=(id<UIScrollViewDelegate>)self;
  72. addSubview:scrollView];
  73. UIView*scrollViewContentView=[[UIView scrollViewContentView.backgroundColor=[UIColoryellowColor];
  74. [scrollViewaddSubview:scrollViewContentView];
  75. self);
  76. [scrollView make.edges.equalTo(self.view).insets(UIEdgeInsetsMake(80,80,80));
  77. [scrollViewContentView make.edges.equalTo(scrollView);
  78. make.size.mas_equalTo(CGRectGetWidth(self.view.frame),CGRectGetHeight(self.view.frame));
  79. [RACObserve(scrollView,contentOffset)//处理当界面有多次请求时，需要都获取到数据时，才能展示界面
  80. void)moreRequest
  81. /*
  82. 1.rac_liftSelector:withSignalsFromArray:Signals:当传入的Signals(信号数组)，每一个signal都至少sendNext过一次，就会去触发第一个selector参数的方法。
  83. 2.使用注意：几个信号，参数一的方法就几个参数，每个参数对应信号发出的数据。
  84. */
  85. //处理多个请求，都返回结果的时候，统一做处理.
  86. RACSignal*request1=[RACSignalcreateSignal:^RACDisposable*(id<RACSubscriber>subscriber){
  87. //发送请求1
  88. [subscribersendNext:@"发送请求1"];
  89. returnnil;
  90. RACSignal*request2=[RACSignalid<RACSubscriber>subscriber){
  91. //发送请求2
  92. sendNext:@"发送请求2"];
  93. //使用注意：几个信号，参数一的方法就几个参数，每个参数对应信号发出的数据。
  94. rac_liftSelector:@selector(updateUIWithR1:r2:)withSignalsFromArray:@[request1,request2]];
  95. //更新UI
  96. void)updateUIWithR1:(id)datar2:(id)data1
  97. NSLog(@"更新UI%@%@",data,data1);
  98. #pragmamark--定时器
  99. void)RACSchedulerAndMain
  100. /**************定时器*****************/
  101. //1.延迟某个时间再做某件事
  102. //[[RACSchedulermainThreadScheduler]afterDelay:2schedule:^{
  103. //LxDBAnyVar(rac);
  104. //2.每间隔多长时间做一件
  105. [[RACSignalinterval:1onScheduler:[RACSchedulermainThreadScheduler]]//LxPrintAnything(@"55555555");
  106. //这是定时器最常用的两种方法，第一种方法，延迟时间去做某件事，更改afterDelay的属性，第二种方法，每间隔躲藏时间去做一件事，更改interval的属性
  107. }
原文链接：https://www.f2er.com/react/305652.html

猜你在找的React相关文章

react使用moment进行日期格式化
导入moment 使用方式 年月日，时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年...
推荐使用并手写实现redux-actions原理
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目，发现有之前...
【译】值得推荐的十大React Hook 库
十大React Hook库 原文地址：https://dev.to/bornfightcompany/top-10-react-hook-librari...
React生命周期
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段，在React的整个生命...
React虚拟DOM的理解
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树，每一个节点可以将其...
使用react-native-vector-icons（RN0.6+）
1.安装 npm install --save react-native-vector-icons or yarn add react-native-vector-...
React中的Props, State 与 render 函数
React 的核心特性总结 1、React：声明式开发 (JS或者jQuery属性命令式开发） 2、可以与其他...
React开发环境准备
react fiber 指react 16以上的版本 引入react的方式： 1、引入.js文件 2、使用脚手架工具（...
React组件拆分与传值
组件拆分与组件之间的传值 父子组件的概念： 父组件通过属性的方式，向自组件传值 子组件通...
React组件的简单演示
src/Test.js import React from &#39;react&#39;; function Test() { return ( &a...
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作