Swift仿写有妖气漫画
前言:
一直以来工作中项目使用的都是OC,最近公司项目上线正常迭代比较清闲,准备写个Swift项目保持手感,选择的是仿写有妖气漫画。项目地址github:https://github.com/daomoer/YYSwiftProject
项目采用的是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:https://github.com/daomoer/YYSwiftProject
Swift仿写有妖气漫画相关推荐
- iOS仿写有妖气漫画、视频捕获框架、启动页广告页demo、多种动画效果等源码
iOS精选源码 以tableview的section为整体添加阴影效果/ta'b'le'vi'e'w顶部悬浮-. 一个可以轻松应用自定义过滤器的视频捕获框架. 基于UITableView的组件,旨在显 ...
- iOS仿写有妖气漫画、视频捕获框架、启动页广告页demo、多种动画效果等源码...
iOS精选源码 以tableview的section为整体添加阴影效果/ta'b'le'vi'e'w顶部悬浮.... 一个可以轻松应用自定义过滤器的视频捕获框架. 基于UITableView的组件,旨 ...
- Flutter实践之高仿有妖气漫画,从消息中间件看分布式系统的多种套路
这就是一个Widget,Container是Widget的一个子类,当然它里面有各种各样的子类供你使用. Dart Dart语言可以说对于移动端开发来说,都比较陌生,因为纯原生开发到现在,我只听说过可 ...
- Flutter实践之高仿有妖气漫画,移动客户端开发工程师专业
Flutter是一个跨平台的框架,在iOS和Android端甚至以后的PC端都可以统一一套代码来实现.Flutter的性能高效,Dart语言的简易性和高效性,也使Flutter采用了Dart来开发跨平 ...
- Flutter实践之高仿有妖气漫画,2021大厂Android开发面试总结+解答
child: Text("Hello Flutter!") ); 这就是一个Widget,Container是Widget的一个子类,当然它里面有各种各样的子类供你使用. Dart ...
- Swift仿写喜马拉雅FM
前言: 最近抽空面了几家公司,大部分都是从基础开始慢慢深入项目和原理.面试内容还是以OC为主,但是多数也都会问一下Swift技术情况,也有例外全程问Swift的公司(做区块链项目),感觉现在虽然大多数 ...
- 一款高仿腾讯漫画的漫画阅读类 APP
早上好,骚年,我是小菜,我的公众号「菜鸟翻身」会推荐 GitHub 上有用的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值. 我的引语 项目中成长是最快的,实践是王道,项目中成长是最快的,多 ...
- android电子书App、自定义图表、仿腾讯漫画App、仿淘宝优惠券、3D选择容器等源码...
Android精选源码 仿支付宝记账本功能,饼状图:数字键盘 android一款功能完善的电子书应用源码 Android自定义图标库,使用方便,扩展性强 android 3D立体无限旋转容器源码 an ...
- 有妖气漫画的图片地址分析
博主平时几乎不看漫画,现在因为吃狗粮,大致看了几个站. 发现多数站图片地址都是公开的,只有有妖气漫画比较烦人. 看代码麻麻烦烦的研究了好一阵,终于知道地址怎么得出来了: 源代码有 image_conf ...
- android电子书App、自定义图表、仿腾讯漫画App、仿淘宝优惠券、3D选择容器等源码... 1
Android精选源码 仿支付宝记账本功能,饼状图:数字键盘 android一款功能完善的电子书应用源码 Android自定义图标库,使用方便,扩展性强 android 3D立体无限旋转容器源码 an ...
最新文章
- tf.squeeze
- AI理论知识整理(16)-线性方程组有解
- 学Java后未来发展方向和前景怎么样?
- PLSQL导出触发器代码
- “约见”面试官系列之常见面试题第三十一篇之vue-router得守卫(建议收藏)
- mac php7.0 yaf 安装,MAC MAMP PRO PHP YAF 安装
- 喜庆传统中国红色纹理背景,吉庆节日必备!
- mysql 矩表_mysql表某相同值最近一次出现的间距
- 计算机本科毕业论文选题单片机,单片机毕业论文范文
- logback springProperty 标签不起作用
- SAP HR 导出PA0185 身份证件信息
- 计算机网络适配器高级属性,右击我的电脑——属性——设备管理器——1394网络适配器下面那个选项右击属性——高级——大量传送减负——...
- 拜访名寺古刹之圆通寺
- 怎样一份简历,能够撬开大厂的大门?
- 解决vue中无法取得methods方法中的return值,获得是undefined
- linux18.04循环登陆,在Ubuntu 18.04 Bionic Beaver Linux上启用自动登录
- Android GestureOverlayView详解
- 【写文工具】常用文字表情
- 惊!搜狐邮箱乱添附件!!!!
- 我们终于杀死了节日和营销
热门文章
- 高端程序员上班摸鱼指南
- 服务器开启谷歌BBR加速网络
- android wifi驱动详解,Android wifi驱动的移植 realtek 8188
- 黑莓手机使用手册【转】
- 使用CSF对kitti的点云数据过滤出地面点云,结合PCL使用,C++实现
- Discuz!开发之HTML转Discuz代码(bbcode)函数html2bbcode()
- 文件另存为GBK编码格式
- 【云原生】DevOps 新纪元 | 史前的惨淡现实
- TeleportUltra_1.65_PortableSoft离线浏览利器-扒网页神器
- C++入门教程(23)深度优先,广度优先(连连看判断是否可以消除)