首页 / REACT / ReactiveCocoa 学习笔记

ReactiveCocoa 学习笔记

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ReactiveCocoa 学习笔记，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含10596字，纯文字阅读大概需要16分钟。

内容图文

#pragma mark - 各种方便的block封装? ReactiveCocoa

?概述：

?可以把信号想象成水龙头，只不过里面不是水，而是玻璃球(value)，直径跟水管的内径一样，这样就能保证玻璃球是依次排列，不会出现并排的情况(数据都是线性处理的，不会出现并发情况)。水龙头的开关默认是关的，除非有了接收方(subscriber)，才会打开。这样只要有新的玻璃球进来，就会自动传送给接收方。可以在水龙头上加一个过滤嘴(filter)，不符合的不让通过，也可以加一个改动装置，把球改变成符合自己的需求(map)。也可以把多个水龙头合并成一个新的水龙头(combineLatest:reduce:)，这样只要其中的一个水龙头有玻璃球出来，这个新合并的水龙头就会得到这个球。

?具体使用：

?当一个signal被一个subscriber subscribe后，这个subscriber何时会被移除？答案是当subscriber被sendComplete或sendError时，或者手动调用[disposable dispose]。

?当subscriber被dispose后，所有该subscriber相关的工作都会被停止或取消，如http请求，资源也会被释放。

?Signal events是线性的，不会出现并发的情况，除非显示地指定Scheduler。所以-subscribeNext:error:completed:里的block不需要锁定或者synchronized等操作，其他的events会依次排队，直到block处理完成。

?Errors有优先权，如果有多个signals被同时监听，只要其中一个signal sendError，那么error就会立刻被传送给subscriber，并导致signals终止执行。相当于Exception。

?生成Signal时，最好指定Name, -setNameWithFormat: 方便调试。

?block代码中不要阻塞。

?*/

-(void)reactiveCocoaDemoAction{

//? ? __weak typeof(self) wSelf = self;

//? ? 因为RAC是基于KVO的，而NSMutableArray并不会在调用addObject或removeObject时发送通知

? ? //------------------------------------通知监听----------------------------------------

? ? [[[ NSNotificationCenter defaultCenter ] rac_addObserverForName:@"log_out"object:nil] subscribeNext:^(id x) {

? ? ? ? //? ? ? ? NSNotification* notification = (NSNotification*)x;

? ? ? ? //? ? ? ? int unreadClubMsgCount = 0;

? ? ? ? //? ? ? ? if (notification.object) {

? ? ? ? //? ? ? ? ? ? unreadClubMsgCount = [notification.object intValue];

? ? ? ? //? ? ? ? }

? ? ? ? //退出登录的通知。---"log_out"是自定义的

? ? }];

?? ?

? ? //退出登录后执行。。。。上面的通知方法就可以触发了。

? ? [[ NSNotificationCenterdefaultCenter]postNotificationName:@"log_out"object:nil];

?? ?

? ? //------------------------------------UITextField输入限制-----------------------------

? ? UITextField *textField;//自己写初始化

? ? [textField.rac_textSignalsubscribeNext:^(NSString* text) {

? ? ? ? if(text.length > 12){

? ? ? ? ? ? textField.text = [text substringToIndex:12];

? ? ? ? }

? ? }];

? ? //------------------------------------UIAlertView,UIActionSheet点击方法-----------------------------

? ? UIAlertView *alertView;//自己写初始化

? ? [[alertView rac_buttonClickedSignal] subscribeNext:^(id x) {

? ? ? ? if ([x integerValue] == 1) {//alert的按钮

?? ? ? ? ? ?

? ? ? ? }

? ? }];

? ? [alertView show];

? ? UIActionSheet* actionSheet ;

? ? [[actionSheet rac_buttonClickedSignal] subscribeNext:^(id x) {

? ? ? ? if ([x integerValue] == 1) {//actionSheet的按钮

?? ? ? ? ? ?

? ? ? ? }

? ? }];

//? ? [actionSheet showInView:self.view];

? ? //------------------------------------UIButton点击方法-----------------------------

? ? UIButton *button;//自己写初始化

? ? [[button rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(id x) {

?? ? ? ?

? ? }];

? ? //点击事件拦截。

? ? [[[button rac_signalForControlEvents:UIControlEventTouchUpInside]filter:^BOOL(UIButton *button) {

? ? ? ? if ([button.currentTitleisEqualToString:@"sd"]) {

? ? ? ? ? ? returnYES;

? ? ? ? }else{

? ? ? ? ? ? returnNO;

? ? ? ? }

? ? }]subscribeNext:^(id x) {

? ? ? ? NSLog(@"点击事件");

? ? }];

? ? //------------------------------------segmentedControl-----------------------------

? ? UISegmentedControl *segmentedControl;

? ? [[segmentedControl rac_signalForControlEvents:UIControlEventValueChanged] subscribeNext:^(id x) {

?? ? ? ?

? ? }];

?? ?

? ? //---------------------------------------------RAC-------------------------------------------

? ? //---------------------------------------------RACObserver-------------------------------------------

//? ? RAC() 可以将Signal发出事件的值赋值给某个对象的某个属性，其参数为对象名和属性名

//? ? RACObserve() 参数为对象名和属性名，新建一个Signal并对对象的属性的值进行观察，当值变化时Signal会发出事件

? ? //某个属性一发生变化就执行。

? ? [RACObserve(self, count) subscribeNext:^(id x) {

? ? ? ? if ([x integerValue] == 0) {

?? ? ? ? ? ?

? ? ? ? }elseif ([x integerValue] > 100){

?? ? ? ? ? ?

? ? ? ? }

? ? }];

? ?

? ? //返回Bool赋值给createEnabled

? ? RAC(self, createEnabled) = [RACSignalcombineLatest:@[RACObserve(self, password),RACObserve(self, passwordConfirm)]reduce:^(NSString *pwd,NSString *pwdConfirm) {

? ? ? ? return@([pwd isEqualToString:pwdConfirm]);

? ? }];

?? ?

?? //--------------------------------------------map 用法 --------------------------------------------

? ? //map 改变返回的类型给结果管道。

? ? [[self.textField.rac_textSignalmap:^id(NSString *text) {

? ? ? ? if ([text isEmptyString]) {

? ? ? ? ? ? return [UIColorwhiteColor];

? ? ? ? }else{

? ? ? ? ? ? return [UIColoryellowColor];

? ? ? ? }

? ? }]subscribeNext:^(UIColor *color) {

? ? ? ? self.textField.backgroundColor = color;

? ? }];

?? ?

? ? [[[ self . buttonrac_signalForControlEvents:UIControlEventTouchUpInside]map:^id(UIButton *button) {

? ? ? ? if ([button.currentTitleisEqualToString:@"按钮"]) {

? ? ? ? ? ? return [NSStringstringWithFormat:@"按钮"];

? ? ? ? }else{

? ? ? ? ? ? return [NSStringstringWithFormat:@"不是按钮"];

? ? ? ? }

? ? }]subscribeNext:^(NSString *resultString) {

? ? ? ? NSLog(@"%@",resultString);

? ? }];

? ? //--------------------------------------------filter 用法 --------------------------------------------

? ? //filter某个属性满足一定条件才执行。

? ? [[RACObserve(self, count) filter:^BOOL(id count) {//返回的是BOOL类型

? ? ? ? if ([count integerValue] == 5) {

? ? ? ? ? ? returnYES;

? ? ? ? }else{

? ? ? ? ? ? returnNO;

? ? ? ? }

? ? }] subscribeNext :^( id count) {//上面return YES 才走这里

? ? ? ? NSLog(@"数量为===%@",count);

? ? }];

?? ?

? ? //--------------------------------------------rac_command 用法 --------------------------------------------

? ? self .button.rac_command = [[RACCommandalloc]initWithSignalBlock:^RACSignal *(id input) {

? ? ? ? NSLog(@"按钮点击了。");

? ? ? ? //? ? ? ? [RACSignal return:@(6)];

? ? ? ? return [RACSignalempty];

? ? }];

?? ?

? ? //----------------------------------------RACDisposable 用法 --------------------------------------------

?? ?

? ? RACSignal *backgrountColorSignal = [self.textField.rac_textSignalmap:^id(NSString *text) {

? ? ? ? if ([text isEmptyString]) {

? ? ? ? ? ? return [UIColorwhiteColor];

? ? ? ? }else{

? ? ? ? ? ? return [UIColorgreenColor];

? ? ? ? }

? ? }];

? ? //subscrbeNext: 返回的类型是 RACDisposable

? ? RACDisposable *subscription = [backgrountColorSignal subscribeNext:^(UIColor *color) {

? ? ? ? self.textField.backgroundColor = color;

? ? }];

?? ?

? ? //----------------------------------------combineLaster 用法 --------------------------------------------

? ? //将self.button.enables 属性和右边的signal sendNext 值绑定。

? ? RAC(self.button,enabled) = [RACSignalcombineLatest:@[self.password,self.textField.rac_textSignal,RACObserve(self, passwordConfirm)]reduce:^(NSString *password,NSString *textString,NSString *passwordConfirm){

? ? ? ? if ([password isEqualToString:passwordConfirm] && textString.length > 0) {

? ? ? ? ? ? return@(YES);

? ? ? ? }else{

? ? ? ? ? ? return@(NO);

? ? ? ? }

? ? }];

?? ?

? ? //----------------------------------------RACSignal创建使用--------------------------------------------

//? ? 当一个signal被一个subscriber subscribe后，这个subscriber何时会被移除？答案是当subscriber被sendComplete或sendError时，或者手动调用[disposable dispose]。

? ? RACSignal *signal = [RACSignalcreateSignal:^RACDisposable *(id<RACSubscriber> subscriber) {

? ? ? ? NSLog(@"当前值");

? ? ? ? [subscriber sendNext:@"下个值"];

? ? ? ? [subscriber sendCompleted];

? ? ? ? returnnil;

? ? }];//创建了一个 signal 但是没有被subscribe 所有上面都不会发生。

?? ?

? ? //单独执行这句会输出? 当前值? 完成1

? ? [signal subscribeCompleted:^{

? ? ? ? NSLog(@"完成了1");

? ? }];

?? ?

? ? //单独执行这句会输出? 当前值 x2===下个值

? ? [signal subscribeNext:^(id x) {

? ? ? ? NSLog(@"x2===%@",x);

? ? }];

?? ?

? ? //单独执行这句会输出? 当前值 x3===下个值? 完成了3

? ? [signal subscribeNext:^(id x) {

? ? ? ? NSLog(@"x3====%@",x);

? ? } completed:^{

? ? ? ? NSLog(@"完成了3");

? ? }];

? ? //---------------------------------------- RACSignal merge zipWith------------------------------------

? ? RACSignal *signalA = [RACSignalcreateSignal:^RACDisposable *(id<RACSubscriber> subscriber) {

? ? ? ? [subscriber sendNext:@"A"];

? ? ? ? returnnil;

? ? }];//创建了一个 signal 但是没有被subscribe 所有上面都不会发生。

?? ?

? ? RACSignal *signalB = [RACSignalcreateSignal:^RACDisposable *(id<RACSubscriber> subscriber) {

? ? ? ? [subscriber sendNext:@"B"];

? ? ? ? returnnil;

? ? }];

?? ?

? ? RACSignal *mergeSignal = [signalA merge:signalB];//任何一个信号发出都会执行。

? ? [mergeSignal subscribeNext:^(id x) {

? ? ? ? NSLog(@"%@",x);? ///会两个输出： A? B

? ? }];

? ? RACSignal *zipSignal = [signalA zipWith:signalB];//两个信号都发出才会执行

? ? [zipSignal subscribeNext:^(id x) {

? ? ? ? NSLog ( @"%@" ,x);///会输出一个数组（A ,B） <RACTuple: 0x7fd61c82b1d0>

? ? }];

? ? RACSignal *combineSignal = [signalA combineLatestWith:signalB];

? ? [combineSignal subscribeNext:^(id x) {

? ? ? ? NSLog ( @"%@" ,x);//会输出一个数组（A ,B）? <RACTuple: 0x7fd61c82b1d0>

? ? }];

?? ?

? ? RACSignal *reduceSignal = [RACSignalcombineLatest:@[signalA,signalB]reduce:^id(NSString *str1,NSString *str2){

? ? ? ? return [NSStringstringWithFormat:@"%@ %@",str1,str2];

? ? }];

? ? [reduceSignal subscribeNext:^(id x) {

? ? ? ? NSLog(@"%@",x);//合并后的字符串 A B

? ? }];

?? ?

? ? //---------------------------------------- RACSubject 是 RACSignal 的子类------------------------------------

?? ?

//? ? subjects 表现为RACSubject类，可以认为是“可变的（mutable）”信号/自定义信号，它是嫁接非RAC代码到Signals世界的桥梁，很有用。嗯。。。这样讲还是很抽象，举个例子吧：

? ? RACSubject *letters = [RACSubjectsubject];

? ? [letters sendNext:@"a"];

//? ? 可以看到@"a"只是一个NSString对象，要想在水管里顺利流动，就要借RACSubject的力。

?? ?

? ? //---------------------------------------- RACSequence有个属性是 RACSignal---------------------------

//? ? sequence 表现为RACSequence类，可以简单看做是RAC世界的NSArray，RAC增加了-rac_sequence方法，可以使诸如NSArray这些集合类（collection classes）直接转换为RACSequence来使用。

? ? NSArray *arr = [NSArrayarrayWithObjects:@"arr1",@"arr2", nil];

? ? NSMutableArray *array = [NSMutableArrayarray];

? ? RACSequence *sequence = [arr rac_sequence];

? ? [[[sequence.signalmap:^id(id value) {

? ? ? ? [array addObject:value];

? ? ? ? return array;

? ? }] filter:^BOOL(NSArray *resultArray) {

? ? ? ? if (resultArray.count < 2) {

? ? ? ? ? ? returnNO;

? ? ? ? }else{

? ? ? ? ? ? returnYES;

? ? ? ? }

? ? }] subscribeNext:^(id x) {

? ? ? ? NSLog(@"x===%@",x);

? ? }];

?? ?

? ? //---------------------------------------- scheduler 定时器------------------------------------

//? ? scheduler 表现为RACScheduler类，类似于GCD，but schedulers support cancellationbut schedulers support cancellation, and always execute serially

?? ?

? ? /**

?? ? *??@brief??创建一个定时器信号，每三秒发出一个当时日期值。一共发5次。

?? ? */

? ? RACSignal *signalInterval = [ RACSignalinterval:3.0onScheduler:[RACSchedulermainThreadScheduler]];

? ? signalInterval = [signalInterval take:5];//总共5次。

? ? [signalInterval subscribeNext:^(id x) {

? ? ? ? NSLog ( @"x====%@" ,x);///x====2015-12-30 04:05:50 +0000

? ? }];

}

原文：http://zhangmingwei.iteye.com/blog/2267631

内容总结

以上是互联网集市为您收集整理的ReactiveCocoa 学习笔记全部内容，希望文章能够帮你解决ReactiveCocoa 学习笔记所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1118281.html

来源：【匿名】

【上一篇】React Native在特赞的应用与实践【下一篇】Reactv16.3.0:NewlifecyclesandcontextAPI

更多 ►

【ReactiveCocoa 学习笔记】教程文章相关的互联网学习教程文章

ReactiveCocoa 学习笔记

#pragma mark - 各种方便的block封装? ReactiveCocoa/*?概述：?可以把信号想象成水龙头，只不过里面不是水，而是玻璃球(value)，直径跟水管的内径一样，这样就能保证玻璃球是依次排列，不会出现并排的情况(数据都是线性处理的，不会出现并发情况)。水龙头的开关默认是关的，除非有了接收方(subscriber)，才会打开。这样只要有新的玻璃球进来，就会自动传送给接收方。可以在水龙头上加一个过滤嘴(filter)，不符合的不让通过，也可以...

React学习笔记 - 元素渲染【代码】【图】

React Learn Note 3React学习笔记（三）标签（空格分隔）： React JavaScript二、元素渲染元素是构成react应用的最小单位。元素是普通的对象。元素是构成组件的一个部分。1. 将元素渲染到DOM中<div ></div>中的所有内容都将由React DOM来管理。称为“根”DOM节点。将元素传递给ReactDOM.render()方法来渲染。const element = <h1>Hello, world</h1>; ReactDOM.render(element,document.getElementById(‘root‘) );2. 更新元素渲染...

React学习笔记之高阶组件应用

是什么高阶组件是一个函数，能够接受一个组件并返回一个新的组件。没有任何副作用。为什么用封装并抽离组件的通用逻辑，让此部分逻辑在组件间更好地被复用。如何用//hoc为我们的高阶组件，可以使用es7装饰器语法来使用高阶组件 //当然也可以不用es7，如：let hocHello = hoc(Hello)，只是es7的语法更优雅一些。 //高阶组件可以叠加使用，可以对一个组件使用多个高阶组件 @hoc class Hello extends React.Component {// } ...

react学习笔记之state以及setState的使用

在react中通过 state 以及 setState() 来控制组件的状态。 state state 是 react 中用来存储组件数据状态的，可以类比成 vue 中的 data。 1.state的作用 state是React中组件的一个对象.React把用户界面当做是状态机,想象它有不同的状态然后渲染这些状态,可以轻松让用户界面与数据保持一致. React中,更新组件的state,会导致重新渲染用户界面(不要操作DOM).简单来说,就是用户界面会随着state变化而变化. 2.state工作原理常用的通知R...

React学习笔记之列表渲染示例详解

前言本文主要给大家介绍了关于React列表渲染的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。示例详解：列表渲染也很简单，利用map方法返回一个新的渲染列表即可，例如： const numbers = [1, 2, 3, 4, 5]; const listItems = numbers.map((number) => <li>{number}</li> ); ReactDOM.render( <ul>{listItems}</ul>,document.getElementById(root) );基础列表组件的构造中，有一个重要的属性值k...

React学习笔记之条件渲染（一）

前言在React中，你可以创建不同的组件各自封装你需要的东西。之后你可以只渲染其中的一部分，这取决于应用的state（状态）。下面就来看看详细的介绍：条件渲染可以根据state的值进行组件的条件渲染。例如： function Greeting(props) { const isLoggedIn = props.isLoggedIn;if (isLoggedIn) {return <UserGreeting />;}return <GuestGreeting />; }ReactDOM.render( // Try changing to isLoggedIn={true}:<Greeting isLoggedI...

React学习笔记之事件处理（二）

之前已经给大家介绍了React中的条件渲染（传送门），本文将给大家关于React中事件处理的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍： React的事件处理和DOM的事件处理是很相似的，只是有一些语法上的区别： React的事件名是驼峰的，不是小写的在JSX语法中，你传递一个fucntion作为时间处理器，而不是一个string举个例子： <button onClick={activateLasers}> Activate Lasers </button> 而且如果你想拿到事件对象...

React学习笔记（二）理解JSX_html/css_WEB-ITnose

摘要 JSX（JavaScriptXML）提供了一种在JavaScript中编写声明式的XML的方法，使用JSX可以提高组件的可读性，React允许做简单的JSX语法转化。简介 JSX像是在JavaScript代码里直接写XML的语法，每一个XML标签都会被JSX转换工具转换成纯JavaScript代码，React 官方推荐使用JSX，这个看个人习惯，如果你喜欢纯JavaScript代码也是可以的，只是使用JSX会给我们带来如下好处：是原生的JavaScript；程序结构更...

ReactiveX 学习笔记（35）使用 RxDart + RxCommand 进行 GUI 编程【代码】

课题程序界面由3个文本编辑框和1个文本标签组成。要求文本标签实时显示3个文本编辑框所输入的数字之和。文本编辑框输入的不是合法数字时，将其值视为0。 3个文本编辑框的初值分别为1，2，3。创建工程 Flutter 安装完毕之后执行以下命令创建工程 flutter create rx_example打开 Android Studio，File / Open... 选择 rx_example 文件夹以打开 Flutter 工程。添加依赖打开 pubspec.yaml 文件，在 dependencies: 下添加对 RxDart ...

好程序员web前端培训分享React学习笔记（一）

好程序员web前端培训分享React学习笔记（一），React的起源和发展：React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库！A JavaScript library for building user interfacesReact不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至R...

Java NIO学习笔记：结合源码分析+Reactor模式【图】

Java NIO和IO的主要区别下表总结了Java NIO和IO之间的主要差别，我会更详细地描述表中每部分的差异。IO NIO面向流面向缓冲阻塞IO 非阻塞IO无选择器面向流与面向缓冲 Java NIO和IO之间第一个最大的区别是，IO是面向流的，NIO是面向缓冲区的。 Java IO面向流意味着每次从流中读一个或多个字节，直至读取所有字节，它们没有被缓存在...

react学习笔记1---简介

react简介 1.1 介绍1.用户构建用户界面的js库（组件库） 2.由facebook开源1.2 react的特点声明式编码组件化编码 react native编写原生应用高效（优秀的Diffing算法）1.3 react高效的原因使用虚拟dom，不总是直接操作页面真实dom DOM Diffing 算法，最小化页面重绘

React 学习笔记 —— 错误边界 ErrorBoundary【代码】

理解：错误边界(Error boundary)：用来捕获后代组件错误，渲染出备用页面特点：只能捕获后代组件生命周期产生的错误，不能捕获自己组件产生的错误和其他组件在合成事件、定时器中产生的错误使用方式： getDerivedStateFromError配合componentDidCatch // 生命周期函数，一旦后台组件报错，就会触发 static getDerivedStateFromError(error) {console.log(error);// 在render之前触发// 返回新的statereturn {hasError: true,};...

React学习笔记——类中的方法内部的this指向【代码】【图】

类中的方法内部的this指向在用react实现一个点击切换内容小demo时的，发现类中方法内部的this是指向undefined的。代码如下： <div id="test"></div><script type="text/javascript" src="../JS/react.development.js"></script><script type="text/javascript" src="../JS/react-dom.development.js"></script><script type="text/javascript" src="../JS/babel.min.js"></script><script type="text/babel">class Weather exte...

react学习笔记-从井字棋开始(1)【代码】

教程地址 https://react.docschina.org/tutorial/tutorial.html 新建工程 1.确保你安装了较新版本的 Node.js。 2.按照 Create React App 安装指南创建一个新的项目 npx create-react-app my-app 3.删除掉新项目中 src/ 文件夹下的所有文件。 4.在 src/ 文件夹中创建一个名为 index.css 的文件，并拷贝这些 CSS 代码。 5.在 src/ 文件夹下创建一个名为 index.js 的文件，并拷贝这些 JS 代码。 6.拷贝以下三行代码到 src/ 文件夹下的...

首页 / REACT / ReactiveCocoa 学习笔记

ReactiveCocoa 学习笔记

内容导读

内容图文

内容总结

内容备注

内容手机端

【ReactiveCocoa 学习笔记】教程文章相关的互联网学习教程文章

学习笔记 - 相关标签

REACT - 技术教程分类

REACT - 最新教程

REACT - 最热教程