10.iOS流布局UICollectionView实例1

2017-02-16  本文已影响24人  cj2527

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

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就可以了。其他类似。

上一篇 下一篇

猜你喜欢

热点阅读