美文网首页iOS Dev
RxSwift快学教程(一)

RxSwift快学教程(一)

作者: 江将蒋酱 | 来源:发表于2018-03-30 15:39 被阅读255次

认识RxSwift

一句话:让你在相同的时间用更少的代码完成更多的功能。

总结:早点下班!


RxSwift 核心概念就是总共有两个:
1.一个观察者( Observer )订阅一个可观察序列( Observable )。
2.观察者对 Observable 发射的数据或数据序列作出响应。

简单的说明放一个官方的例子(所有的例子都是要么官方,要么是项目中引用出来说明的,应该都具有一定的代表性)

    Observable.combineLatest(firstName.rx.text, lastName.rx.text) { "\($0!) \($1!)" }
        .map { "Greetings, \($0)" }
        .bind(to: greetingLabel.rx.text)
        .disposed(by: rx.disposeBag)

这一段代码中,具体完成了这些事情

1. 将 firstName 和 lastName 的 text 值用空格合并起来作为结果传递给下一步使用
2. 使用 map 的方法,将上一步得到值前面加上一个 Greeting ,并将该值传递给后面使用
3. bindTo 就是绑定,将上一步的值绑定到 greetingLabel 的 text
4. disposed最后做一次资源回收

不太理解也没太大关系。毕竟我一开始也是懵逼的。
简单来说,在用rx进行编写的时候,要考虑到数据或者是操作的流向。
比如通过判断用户输入的手机号来对按钮的enable事件进行处理。
比如通过scrollview的contentoffset.x与screen_width的比值来控制pagecontrol的currentpage
或者说通过按钮的点击事件来进行其他操作......

举个栗子:


引导页

这个是一个比较典型的引导页界面,storyboard上面创建一个ViewController,放一个scrollview以及pagecontrol、button、三个imageView

如果我们要来实现功能将currentpage与contentoffset.x进行绑定实现滑动跳转功能。正常的代码YY一下就知道不算太多,但是还要写delegate来判断。所以采用rx来完成功能:


完成引导页代码

整体来说就是两句!!!,完成了同步跳转以及按钮点击进入APP功能。(这里没有使用$0来表示,为了尽可能的表示清楚,后面会直接采用$0来表示)

代码的意思很简单,创建一个scrollview的contentoffset观察者,绑定给pagecontrol的currentpage。因为currentpage接收Int值,所以要将offset与width进行比值得到当前所处的页面位置。最后在回收处理。创建一个button的tap观察者,同时订阅点击button操作,当前是点击按钮会打印出进入APP。最后在回收处理。

这个是比较简单的例子,如果还是觉得看着吃力的话,建议先看看最初话中提供的资料。以及有非常详细全面的讲解了。

最后附上效果图。


引导页.gif

如果有错误的地方,请指正。觉得还行请支持一下吧!

相关文章

  • RxSwift快学教程(一)

    认识RxSwift 一句话:让你在相同的时间用更少的代码完成更多的功能。 总结:早点下班! RxSwift 核心概...

  • aha的RxSwift快学教程

    Tips 随着现在Swift版本越来越稳(huan)定(man),以及问过许多做开发的朋友,基本上转向swift之...

  • RxSwift 了解

    RxSwift-github地址 RxSwift中文翻译 RxSwift视频教程 RxSwift介绍 RxSwif...

  • RxSwift 教程(一)

    从过滤一个常量数组说起 假设,我们有一个包含数字1-9的字符串数组: 现在,要过滤出stringArray中的所有...

  • RXSwift学习资料

    使用自带教程入门 RxSwift 入坑手册 Part0 - 基础概念 RxSwift 入坑手册 Part1 - 示...

  • 30天学RxSwift-ObserverType,AnyObse

    30天学RxSwift的github地址 在RxSwift中有一个ObserverType协议。实现Observe...

  • Swift中的RactiveCocoa (上)

    RXSwift的教程太多, ReactiveSwift的教程又太少 简书账号停止维护, 提问/讨论请移步掘金账号 ...

  • RxSwift教程(三)

    创建自定义事件的序列 在Observable+Creation.swift里,可以看到create的签名是这样的:...

  • RxSwift教程(二)

    从“以时间为索引的常量队列”开始 - Observable 第一个要介绍的,就是我们在之前的例子中提到的“以时间为...

  • 理解 RxSwift:实现原理(二)

    理解 RxSwift:为什么要使用 RxSwift(一) 理解 RxSwift:实现原理(二) RxSwift 内...

网友评论

    本文标题:RxSwift快学教程(一)

    本文链接:https://www.haomeiwen.com/subject/bmricftx.html