iOS开发笔记-51:RxSwift使用指南

来自:http://www.cocoachina.com/swift/20170222/18727.html
用RxSwift仿写知乎日报
2017-02-22 13:59 编辑: suiling 分类:Swift 来源:klike投稿**10 **5637

iOS苹果Swift 3.iOS开发

用过无数的三方库,却仍旧写不好代码。以前总会有人问:你用过最好的三方库是什么?那个时候总是会犹豫半天,到底是哪一个呢?好像都还可以耶,直到后来遇到[RxSwift],哇,简直打开了新世界的大门。现在我会毫不犹豫推荐它,虽然学习曲线有点陡峭,但是一旦你习惯上它,必深陷于其中无法自拔。
初入RxSwift
在公司项目进入版本迭代的时期,总觉得应该学点什么,不然让拍在沙滩上怎么办?在学习swift3一段时间后,邂逅了响应式编程方式,看了一下相关文章,毫不犹豫跳入RxSwift的坑中,其中险些放弃,还好坚持下来了,现在也算入了个门。当然只看看理论知识点,光纸上谈兵是不行的,所以选择仿写知日报的方式来深化一下知识。

[Alamofire]:Swift版的AFNetworking。

[Moya]: 是 Artsy 团队的 Ash Furrow 主导开发的一个网络抽象层库。它在 Alamofire 基础上提供了一系列简单的抽象接口,让客户端代码不用去直接调用 Alamofire,也不用去关心 NSURLSession。同时提供了很多实用的功能,包括对RxSwift的良好扩展。

[HandyJSON]:是一个用于Swift语言中的JSON序列化/反序列化库。与其他流行的Swift JSON库相比,HandyJSON的特点是,它支持纯swift类,使用也简单。它反序列化时(把JSON转换为Model)不要求Model从NSObject继承(因为它不是基于KVC机制),也不要求你为Model定义一个Mapping函数。只要你定义好Model类,声明它服从HandyJSON协议,HandyJSON就能自行以各个属性的属性名为Key,从JSON串中解析值。HandyJSON目前依赖于从Swift Runtime源码中推断的内存规则,任何变动我们将随时跟进。

[RxSwift]: 响应式编程三方库。这里主要处理网络请求时的各种回调和异步线程。

最终实现效果:

1487728949227379.png

API枚举:
1487728989899738.png

由于Moya没有支持HandyJSON扩展,这里我自己实现了此扩展:
1487729008595131.png

只要Model遵循HandyJSON协议,就能很优雅的快速实现JSON->Model,包括嵌套解析:
1487729029731068.png

可以说,这是迄今为止我最满意的网络请求封装,以后都可以愉快处理请求啦????
数据呈现
数据请求处理好了,就该绑定视图显示出来了,这里就是RxSwift的拿手好戏了。下面我们先看最简单的展现:
1487729067201941.png

这样简单的几行代码就完成网络请求数据展现以及用户响应一系列流程,什么代理,扩展都不用写了,减少了一半以上的代码,是不是看着就觉得爽炸了!我们再看看复杂一点的,分组tableview:
1487729091136869.png

其实也很简单,就是需要绑定SectionModel,当然你也可以自定义SectionModel来分组展示,上面的代码都在项目筛选出来的,具体实现可以看文末项目链接。
项目难点
菜单栏与主页面的切换

1487729124664495.gif

由于导航栏一开始用的原生的(其实应该自定义,因为后面涉及到很多导航栏问题),所以左右平移的时候要把导航栏一起移动,所以遇到了一点问题,后来查找相关资料后解决了此问题:
1487729152159867.png

菜单栏的显示和隐藏需要配合手势,研究官方知乎日报App后,发现存在轻扫和拖拽滑动两个手势,相对应UIPanGestureRecognizer和UISwipeGestureRecognizer,当把这两个视图分别加在视图上的时候,只会响应一个手势,后来设置UIGestureRecognizerDelegate后避免了这个问题:
1487729176930393.png

本以为就此解决了问题,但是实际操作起来,手机很难区分这个两个手势,经常会搞错,本来想拖拽滑动结果系统识别为了轻扫手势,体验效果很差,那怎么办呢?后来终于找到一种可行方案:只在视图上添加UIPanGestureRecognizer,以手指操作时间来区分是轻扫还是拖拽滑动
1487729201950859.png

菜单栏与主页面的切换中还有一个不好处理的点,当选中菜单栏某个主题后,要推出一个主题日报列表,与首页不同属于一个UINavigationController,那怎么从一个UINavigationController到另一个UINavigationController呢?试了好几种方式来切换,始终达不到官方效果,忙碌了一天,最后灵光一现(也可能是我太蠢????)平常不是都用UITabBarController来切换UINavigationController?!真的好简单,隐藏掉tabbar就好,几句代码就完美解决了这个场景切换问题:
1487729246823043.png

如果你有更好的切换方法请联系我,愿意请你喝咖啡。
2. 文章的快速切换
1487729272779876.gif

文章详情是用UIWebView加载html数据来展现的,这里我自定义class DetailWebView: UIWebView,以便于两个文章详情的切换,用于显示文章详情的DetailViewController包含两个DetailWebView,一个webview用于展示当前页面,另一个previousWeb放在屏幕外准备随时切换文章,当发生切换文章时,动画呈现previousWeb,并在后续移除在屏幕外webview,把previousWeb作为新的webview,同时生成新的previousWeb
1487729290948091.png

3.首页刷新
Swift版的刷新控件三方还没找比较好的,一度打算自己封装一个,但是一直拖着,以后应该会写。
知乎日报的刷新控件与一般放在tableview上不同,它应该是放在导航栏上面,配合tableview来实现刷新,这也是前面为什么说导航栏要自定义的原因之一,因为已经用了原生的导航栏,只好巧妙(偷懒)加在了view上,其实这个刷新就是一个画圆圈的过程。
注意事项
项目中关于时间的处理用的是 [SwiftDate]

.then 语法用的是 [Then],小而妙,很喜欢

总结

小生才疏学浅,未有编程天赋,难免有许多谬误纰漏之处,各位看官当看且看,若有任何问题都可以提出,愿接受各种批评建议。要是觉得这篇文章稍有用处,可以给个star,十分感激。
项目源码:[ZhiHu-RxSwift]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,014评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,796评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,484评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,830评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,946评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,114评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,182评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,927评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,369评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,678评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,832评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,533评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,166评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,885评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,128评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,659评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,738评论 2 351

推荐阅读更多精彩内容

  • 大多数的产品都支持环回接口( Loopback Interface),以允许运行在同一台主机上的客户 程序和服务器...
    张芳涛阅读 1,112评论 0 1
  • 刷微信看到一个新闻,说是一个家庭卖掉家里唯一的房子,送孩子去澳洲读大学,金融专业,孩子六年后回国找工作,发现能找到...
    出口陈璋阅读 699评论 0 4
  • 楼上兵长镇!其实他不是我男神,我会告诉你其实我《进击的巨人》都没看过吗?闲来无事这都是一年前画的了。 现在才发现这...
    西山嬛阅读 313评论 7 3