一、初衷
自己仿照美团外卖首页的优惠活动部分练练手,两天时间不同时间段打开美团外卖,发现其首页瓷片区显示的模块有几次变化,点击导航栏又按钮刷新可随机查看几种不同模块展示。
二、布局思路
整个首页是一个tableview,瓷片区用的是tableview的第二个section,这部分tableviewCell里面嵌套了一个UICollectionView,整个瓷片区是一个UICollectionView,同类型的cell分为一组,目前见到的cell有6种,所以有六种cell,不过它们不是共存的,有几个是随机交替存在的。
布局全部用的Storyboard和Xib,约束用的AutoLayout,不同类型的cell用了枚举,语言用的Swift4.0,开发工具XCode9.4。
注:第一个和第三个section直接放了图片,为了看着好看直接截了美团外卖的图,布局只在第二个section的瓷片区
三、成品效果
下面是效果图。
QQ20180608-010714-HD.gif
网友评论