10.iOS流布局UICollectionView实例1

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

10.iOS流布局UICollectionView实例1_第1张图片
6241AAD7-FAD2-4FEF-96F4-0E02ECC50B3B.png

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

采用storyboard布局

图片.png

添加一个collectionView,铺满屏幕。

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

图片.png

设置不同的属性


10.iOS流布局UICollectionView实例1_第2张图片
图片.png

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


10.iOS流布局UICollectionView实例1_第3张图片
图片.png

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

你可能感兴趣的:(10.iOS流布局UICollectionView实例1)