iOS高仿⎣一个-ONE⎤App

作者: Coulson_Wang | 来源:发表于2017-08-05 12:22 被阅读476次

    复杂世界里,一个就够了

    一个就够了.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的展示
    
    1. 本开源项目仅供学习交流使用,请勿用于任何商业用途。
    2. 项目中使用了原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自定义了导航控制器以及导航条,负责所有界面的导航功能
    1. ONE中包含多个模块,负责处理主界面以及相关的衍生界面(比如详情页、作者页、登录界面、分享界面等)
    2. ALL模块负责处理专题界面(即tabBarController的第二个控制器)
    3. ME模块负责处理"我的"界面(即tabBarController的第三个控制器)
    4. Search模块负责处理搜索页以及搜索结果页的展示与业务逻辑
    5. Other包含以下模块


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

    项目总结:

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

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

    项目缺陷:

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

    后记

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

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

    相关文章

      网友评论

      本文标题:iOS高仿⎣一个-ONE⎤App

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