10.iOS流布局UICollectionView实例1

前篇简单介绍了，现在举例吧，例如评价界面，类似下面这种，是经常用到的。

6241AAD7-FAD2-4FEF-96F4-0E02ECC50B3B.png

先分析下思路，该怎么做吧。
流式布局，分组，第一组返回1个item,第二次评价也是返回1个item
第三组选择标签，这个还不确定。第四组分享的也是返回1个item,
第五组选择照片的，这个不确定，因为有几张图片的。
第六组匿名评价也是返回1个item。

采用storyboard布局

图片.png

添加一个collectionView，铺满屏幕。

然后添加6个item,也就是collection view cell啦

图片.png

设置不同的属性


图片.png

然后就是拖动控件，在item里面布局


图片.png

以第一组来说，想象成item铺满第一行。然后嘛，icon设置约束距离左边+N px就可以了。其他类似。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容