iOS高仿⎣一个-ONE⎤App

复杂世界里，一个就够了

一个就够了.png

---

前言

• ⎣一个-ONE⎤是一款由韩寒监制，制作精良的文艺生活阅读类App，应用精致优雅，秉承着"复杂世界里，一个就够了"的理念。
• 作为一个(伪)文艺的青年，很喜欢这款App精致简练的设计与文艺范。正好近期需要写一个比较完整的项目来练手、验证自己的学习成果，所以着手开始写了这个项目。
• 花费了大概半个多月，完成了这款App的临摹高仿。相似度高度99%。在下iOS开发行业新人，学艺不精，如有不佳之处，还望各位前辈大佬多多指点。
• 项目GitHub地址：iOS高仿"一个-ONE"。有兴趣的朋友欢迎下载运行项目查看作品效果😝。如果对源码有任何意见或建议，也欢迎在本文评论区留言或在GitHub issue me.

声明

1. 本文章由简书作者Coulson_Wang原创，相应的项目由GitHub用户Coulson_Wang编写并开源分享。转载分享请注明出处，谢谢。
2. 本项目用到了以下开源三方框架，感谢各位作者的开源贡献。

AFNetworking 用于发送网络请求
FLAnimatedImage 用于处理gif动态图的显示
Masonry 用于在部分界面添加自动布局约束
MJRefresh 用于处理下拉和上拉刷新
NYTPhotoViewer 用于处理“影视”界面的图片浏览
SDWebImage 用于图片下载展示
SVProgressHUD 用于提示HUD的展示

3. 本开源项目仅供学习交流使用，请勿用于任何商业用途。
4. 项目中使用了原App⎣一个-ONE⎤中的图片资源和数据。所有网络数据通过Charles抓包获取，在项目中已将网络请求代码封装为.a静态库隐藏，避免扩散。如若侵犯了版权，请联系博主的邮箱wangyuanyi1993@126.com，博主会及时删除相关敏感内容。

项目展示

废话不多说，直接上代码，哦不，上gif效果图。

• 主界面：

  
  主界面展示.gif

主界面是这个项目中最复杂的界面，涉及到多个tableView的展示跳转切换。tableView中不同类型的cell以及单独的headerView也有各种细节需要处理。
主要实现思路是在一个scrollView上添加了3个tableView来分别展示前一天、当天、下一天的内容，在左右滚动scrollView时移动tableView的位置并刷新数据

• 详情页:

  
  详情页展示.gif

详情页中需要展示文章内容、评论信息等。由于服务器返回的文章数据是HTML，主要实现思路是用一个tableView来处理评论列表，而顶部通过将一个webView设置为headerView来展示文章内容。其中涉及了动态计算webView高度、处理navigationBar显示灯细节处理。

• 专题页：

  
  专题页面展示.gif

专题页主要涉及到tableView多个section以及header和footer的处理。其中顶部的轮播器使用了我自己封装的一个三方框架CWCarouselView来实现。

• 搜索界面:

  
  搜索界面展示.gif

搜索界面主要是在项目基础原上做的一些扩展，调用已经写好的主页、详情页接口直接跳转展示。其中实现了一些选择器动画的展示。

限于篇幅以及简书5.0MB的图片上传限制，这里就不再继续进行效果展示了，感兴趣的朋友可以前往项目的GitHub地址下载项目源码运行查看完整效果。

项目结构

• 项目的整体架构采用了MVC的模式。开发方式使用了storyBoard+xib+代码结合的形式。程序入口使用storyBoard搭建，由MainStoryboard负责整体结构。各个模块的详情界面则由控制器自行push或modal处理。storyBoard格局如图:

storyBoard结构.png

• 项目文件结构：

项目文件结构.png

其中：

1. Main中包含三个模块

   
   Main文件夹结构.png

• Launch负责处理程序启动时的启动界面展示
• TabBar负责处理程序的根控制器-tabBarController
• Navigation自定义了导航控制器以及导航条，负责所有界面的导航功能

2. ONE中包含多个模块，负责处理主界面以及相关的衍生界面(比如详情页、作者页、登录界面、分享界面等)
3. ALL模块负责处理专题界面(即tabBarController的第二个控制器)
4. ME模块负责处理"我的"界面(即tabBarController的第三个控制器)
5. Search模块负责处理搜索页以及搜索结果页的展示与业务逻辑

6. Other包含以下模块

   
   Other文件夹结构.png

• category包含了大量的分类文件
• const包含一对常量文件，用于定义一些全局常量
• lib中包含3个自己封装的第三方库。分别是：打包成静态库的网络请求工具类，轮播器控件CWCarouselView，用于处理点赞时数字滚动的Label控件CWCalendarLabel
• tool中包含了大量抽取出来的工具类，用于处理数据持久化、音频播放、登录分享、权限获取、定位获取等功能。

项目总结:

学而不敲则罔，敲而不学则怠。编程技术就是在不断的学习和实践中逐渐提升的。
在写这个项目的过程中，让我发现了自己其实还有很多方面的知识并没有掌握，或是学过了但没有印象，但是在写项目的过程中，必然需要去复习和巩固并加以利用。
只有不断的学习扩充自己的知识储备，并且不断的投入到项目实战中，才能真正确保自己的技术水平持续提高。

希望以后能给大家带来更多更好的开源项目。

项目缺陷：

由于部分界面中服务器返回的数据是HTML的格式，在项目中是使用webView来加载HTML文本实现展示的。但由于没有开发文档，自行解析HTML中的标签使用JavaScript代码来处理用户交互的话十分困难，也没有太高的技术含量，所以该项目中放弃了webView的用户交互事件处理。
由于以上原因，在部分界面会有按钮点击无效的情况，例如专题页内的详情页标签点击跳转、有声读物播放等，望各位悉知。

后记

项目介绍就先到这里了，觉得有帮助的朋友给个赞再走吧~😝
如果有任何疑问欢迎在评论区留言交流，谢谢各位看官的阅读~

最后再放一次GitHub地址:https://github.com/CoulsonWang/CWOne
欢迎大家来围观，顺便求个Star啊啊啊啊~~~