美文网首页
RxSwift 教程(一)

RxSwift 教程(一)

作者: 天空_dst | 来源:发表于2018-05-15 10:46 被阅读0次

从过滤一个常量数组说起

假设,我们有一个包含数字1-9的字符串数组:

let stringArray = ["1", "2", "3", "4", "5", "6", "7", "8", "9"]

现在,要过滤出stringArray中的所有偶数,得益于Swift对函数式编程的支持,我们可以这样:

let fullFilter = stringArray
    .flatMap {
        Int($0)
    }
    .filter {
        $0 % 2 == 0
    }
// [2, 4, 6, 8]

我们把这两次过滤放在一张图里对比一下


img

对这两次过滤行为,我们还可以换个角度理解。由于stringArray是一个常量,它自身是无法被修改的,但在不同的时刻,它可以存在多种不同的状态,例如:

  • 第一次我们要过滤全体时,它的状态包含了`"1" - "9"
  • 第二次过滤时,它的状态就变成了5" - "9",stringArray的前4个元素对于我们的过滤过程来说,是完全不可见的;

有了这个“不可变队列”(stringArray)、“事件”(产生过滤需求)以及“实际执行的动作”(我们刚才编写的过滤代码)这三个概念之后。我们带着这三个概念,来看一个更实际的例子。这次,我们从用户的输入中,过滤出所有的偶数。

过滤用户输入的数字

在Xcode里新建一个single view application,例如:FilterNumber,在main.storyboard里,拖一个UITextField用于输入数字,然后,把这个UITextField的delegate设置成ViewController:

由于要在用户输入后,过滤偶数,我们给ViewController添加一个extension,并实现下面这个方法:

extension ViewController: UITextFieldDelegate {
    public func textField(
        _ textField: UITextField,
        shouldChangeCharactersIn range: NSRange,
        replacementString string: String) -> Bool {
        // 1. Map input to Int
        if let n = Int(string) {
            // 2. Filter out the even number
            if n % 2 == 0 {
                print("Even: \(n)")
            }
        }

        return true
    }
}

这样,我们就可以在用户输入后,字符被显示出来之前得到通知。其中,string参数,就是用户输入的内容,我们几乎是按照和之前同样的逻辑对string进行了处理,如果是偶数,就在控制台上把它打印出来。最后,统一返回true,让这些输入都显示在UITextField里

接下来,按Cmd + R执行,在UITextField中输入1-6,就能在控制台看到对应的结果了

对比两个场景之后的启示

为什么要举这个例子呢?因为过滤用户输入这个动作,从某种意义上说,和我们之前过滤常量数组是有着诸多相似之处的:

首先,当我们输入完6之后,之前所有已经输入过的字符就都已经是过去发生的事情了,它们都是不可更改的了,因此,站在时间这个维度上来说,在过滤用户输入的偶数这种事件中,“不可变队列”就是截止到过滤行为结束时,我们输入过的所有字符;

其次,“事件”同样是我们要过滤出“不可变队列”中的偶数;

第三,“实际执行的动作”就是写在textField(_:shouldChangeCharactersIn:replacementString:)这个方法里的代码;

如同我们看到的一样,虽然这两个应用场景在形式上类似,但我们却用了截然不同的实现方式。过滤数组的代码简单直观;过滤用户输入的代码就相对复杂,我们每处理一类事件,就要设置对应的delegate,并引入对应的事件处理方法。以至于,我们一眼看上去刚才编写的extension,都很难把它和过滤输入整数这样的动作联系起来,我们更多的直觉是:喔,这应该是在处理某种用户交互吧。

相关文章

  • RxSwift 了解

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

  • RxSwift 教程(一)

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

  • RXSwift学习资料

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

  • Swift中的RactiveCocoa (上)

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

  • RxSwift教程(三)

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

  • RxSwift教程(二)

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

  • RxSwift快学教程(一)

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

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

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

  • Swift - RxSwift入门介绍

    RxSwift介绍 RxSwift主页RxSwift中文文档 RxSwift 是 ReactiveX 家族的重要一...

  • 理解 RxSwift:为什么要使用 RxSwift(一)

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

网友评论

      本文标题:RxSwift 教程(一)

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