iOS - 更改 UICollectionView 布局以填充行而不是列

Posted

技术标签:

【中文标题】iOS - 更改 UICollectionView 布局以填充行而不是列【英文标题】:iOS - Change UICollectionView layout to fill rows instead of columns 【发布时间】:2019-05-21 16:12:34 【问题描述】:

是否可以更改 UICollectionView 以填充行而不是列?这是一张解释它的图片:

编辑:这是一个水平滚动

编辑 2:我已经连续放置了 3 个单元格,我的问题是 4 个单元格不能填满第一行。

【问题讨论】:

【参考方案1】:

我遇到了和你一样的问题。 Collectin 视图是水平且不可滚动的,但它首先填充列。 不过奇怪的是,将方向更改为“垂直”解决了这个问题!

【讨论】:

【参考方案2】:

是的,这是可能的。

    确保集合视图的宽度等于屏幕 要每行有 3 个单元格,您必须确保 3 个单元格能够适应屏幕的宽度。 示例:获取屏幕宽度并将其除以 3。然后将该值设置为每个单元格的宽度。此外,要使这三个单元格排成一行,单元格之间的间距必须为零。通过这样做,您有 3 个单元格将完全适合每行的屏幕宽度。如果您想在每个单元格之间添加空间,只需将屏幕宽度除以小于 3。

【讨论】:

我已经能够连续放置 3 个单元格,只是它首先填充了列。请尝试使用 4 个单元格,您会发现 ios 没有填满第一行。 水平滚动可以吗?

以上是关于iOS - 更改 UICollectionView 布局以填充行而不是列的主要内容,如果未能解决你的问题,请参考以下文章

UICollectionView.reloadData() 更改单元格顺序 | iOS 斯威夫特

iOS - 更改 UICollectionView 布局以填充行而不是列

如何更改 UICollectionView 中的滚动方向?

定期更改 UICollectionView 单元格图像

IOS:根据图片大小改变UICollectionView Cell大小

iOS 中带有分页的 UICollectionView 的页数