美文网首页
10.iOS流布局UICollectionView实例1

10.iOS流布局UICollectionView实例1

作者: cj2527 | 来源:发表于2017-02-16 10:20 被阅读24次

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

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

相关文章

网友评论

      本文标题:10.iOS流布局UICollectionView实例1

      本文链接:https://www.haomeiwen.com/subject/hzvcwttx.html