swift 仿美团外卖首页优惠活动瓷片区

一、初衷

自己仿照美团外卖首页的优惠活动部分练练手,两天时间不同时间段打开美团外卖,发现其首页瓷片区显示的模块有几次变化,点击导航栏又按钮刷新可随机查看几种不同模块展示。

二、布局思路

整个首页是一个tableview,瓷片区用的是tableview的第二个section,这部分tableviewCell里面嵌套了一个UICollectionView,整个瓷片区是一个UICollectionView,同类型的cell分为一组,目前见到的cell有6种,所以有六种cell,不过它们不是共存的,有几个是随机交替存在的。

布局全部用的Storyboard和Xib,约束用的AutoLayout,不同类型的cell用了枚举,语言用的Swift4.0,开发工具XCode9.4。

注:第一个和第三个section直接放了图片,为了看着好看直接截了美团外卖的图,布局只在第二个section的瓷片区

三、成品效果

下面是效果图。

QQ20180608-010714-HD.gif

四、下载链接

Demo可点击这里下载

你可能感兴趣的:(swift 仿美团外卖首页优惠活动瓷片区)