Swift仿写有妖气漫画

前言:

一直以来工做中项目使用的都是OC，最近公司项目上线正常迭代比较悠闲，准备写个Swift项目保持手感，选择的是仿写有妖气漫画。 另外又仿写了一款喜马拉雅FM，感兴趣的能够去看下。

---

项目采用的是MVC的设计模式，Moya+ HandyJson网络层和数据解析，另外项目中使用的一些优秀的三方库会在下文提到好比带动画的tabBar使用的是ESTabBarController

---

下面先看下目前完成状况效果图

首页分析：

能够看出首页的样式和AppStore的首页UI样式很接近，都是根据日期阶段几张大图首推另外穿插小编推荐。 首页部分我所采用的使用分区TableView,大图部分使用tableviewcell，而上面星期天的显示区域作为tableView的headerView,下面小编推荐的部分做为tableview的footerView,其中footerView内部在嵌套collectionView展现小编推荐的漫画

发现模块分析：

发现模块采用的是自定义导航栏，分为 推荐、VIP、订阅、排行四个子模块接下来一一进行分析下

发现-首页分析：

首页界面采用的是分区的collectionView，选择让顶部的滚动图片和榜单gird按钮做为第一个section，而后其余的section根据数据model选择不一样的样式和item数量，这里把第一个section的headerView的size设置为.zero，把最后一个section的footerVeiw的size设为.zero 首页顶部分榜gird和section的headerView上面点击查看更多按钮经过block方式获取点击事件进行界面跳转

首页点击发现-推荐上面不一样榜单按钮以及点击发现-排行模块均可以跳转不一样类型排行list界面，该界面使用的是tableview展现，不一样的排行类型会有些差异，主要体如今是否有前三名勋章，以及最早面醒目字体标识的是热度仍是点击量或者是收藏量等，这个主要是根据数据模型处理就好了

发现模块其余的子模块分析：

发现模块的其余子模块就比较简单了，其中VIP和订阅布局进本同样，采用的也是分区collectionview, headerview根据数据模型显示标题和是否显示右边点击查看更多按钮，而排行子模块用collectionView分区显示几个排行榜就好了

漫画详情模块：

该模块能够说是整个有妖气最重要的模块了，为了美观详情界面采用的是进来隐藏导航栏，而后在界面上移的时候显示导航栏 该模块顶部漫画图文介绍做为headerView,有一个北京模糊毛玻璃的效果，为漫画图片的投影，底部为三个分类的子页面详情、目录、评价，该模块用到了分页效果的三方库SwipeMenuViewController，以及导航栏渐进显示的三方库 WRNavigationBar

详情界面分析：

详情界面采用的是分区的tableView,根据样式需求第一个section的headerView隐藏，第一个分区为做品介绍部分，cell的高度要根据数据模型返回的介绍文本长度进行调整，而后根据数据模型判断该做者是否还有其余做品来决定是否显示其余做品这一cell，猜你喜欢模块就是嵌套的一个collectionView

目录界面分析：

目录界面就是一个collectionView的item根据数据显示标题，headerView显示更新和排序(正序和倒叙)方便阅读

if isPositive {  // 正序
       cell.chapterStatic = detailStatic?.chapter_list?[indexPath.row]
  } else { 
       cell.chapterStatic = detailStatic?.chapter_list?.reversed()[indexPath.row]
  }
复制代码

评价界面分析：

评价界面主要是tableView列表展现评价内容就好了，根据数据返回的评价内容对列表的高度做调整 三个子页面根据网上移动的具体，来发通知通知详情主页面是否向上滚动以及显示导航栏效果

个人模块分析：

个人界面主要就是采用的tableView列表展现，顶部区域头像妖气币、月票等总体做为headerView

写在最后:

项目很简单，界面也不多逻辑处理也很简单，项目大致上基本完成，书架模块和一些细节调整后续会完善，感兴趣的朋友能够下载源码看看，有什么问题和建议均可以github和简书联系我，谢谢支持

最后放上项目源码

github：github.com/daomoer/YYS…

加一句：

第二个仿写项目Github:Swift高仿喜马拉雅App

简书：Swift高仿喜马拉雅APP之一Charles抓包、图片资源获取等

本项目参考：www.jianshu.com/p/951236319…