随机大小的 UICollectionViewCell 圆形设计

Question

我想要一个包含随机大小单元格的集合视图，但每个单元格都是圆形的。示例模型如下所示。问题是

我该怎么做？

编辑： 设计不必是 UICollectionView，我只是认为这是最好的方式。我绝对愿意接受任何方式关于这样做。

Answer 1

集合视图是个不错的主意。使用流式布局，可以实现collectionView:layout:sizeForItemAtIndexPath:. Answer a random square size (see arc4random_uniform()).

在每个单元格内，画一个圆圈。最简单的方法（至少一开始）是一个 UIImageView，其框架填充单元格边界，其内容模式设置为 UIViewContentModeScaleAspectFit。那么你只需要一张圆圈的图片。

Answer 2

我也认为使用 UICollectionView 是个好主意。您肯定必须实施自定义流布局才能组织这些随机大小的单元格。也许看看 CCHexagonFlowLayout and MosaicLayout 会有帮助。至于在单元格内绘制圆圈，你可以在单元格中有一个正方形 UIView 并将 circleView.layer.cornerRadius 设置为其高度的一半。