UICollectionView 滚动整个页面

Posted

技术标签:

【中文标题】UICollectionView 滚动整个页面【英文标题】:UICollectionView scroll whole page 【发布时间】:2016-07-03 14:36:46 【问题描述】:

我有一个 viewController 和一些文字,下面是一个 UICollectionView(大约占页面的 50%)。

我的问题是,当我在 collectionView 上滚动时,只有单元格被滚动,而不是整个页面(文本 + 集合单元格)。

您可以像在 Instagram 个人资料页面(一半信息一半 collectionView)上一样思考,当您在 Instagram 上滚动时,所有内容都在滚动,而不仅仅是收藏单元格。

有人知道我该怎么做吗?

谢谢!

【问题讨论】:

@Dopapp Instagram 个人资料页面,而不是主页 我可以建议使用 UITableView 吗?我发现它更有条理,而且用途广泛 @Dopapp 带有 UICollectionView 单元格的 UITableView? 不,用tableView替换collectionView。这是个人喜好。 @Dopapp 但我需要一个collectionView 【参考方案1】:

将文本内容作为单独的单元格添加到 UICollectionView 之上。

最好创建一个不同的部分,其中包含带有顶部文本的单元格。

保持这些单元格的 backgroundColor/backgroundImage 是简单的,以使它们简单地添加为表单上的 UILabels。这样做也将区别于实际 UICollectionViewCells 的其余部分。

现在,当您滚动 UICollectionView 时。它会产生滚动文本和单元格的效果。

【讨论】:

难道没有其他方法吗?我不认为这个解决方案那么好,太乱了【参考方案2】:

在属性检查器>滚动视图>检查分页启用

【讨论】:

【参考方案3】:

那是因为你的文字/UILabels 不属于你的UICollectionViewUIScrollView,所以当collectionView 是时它不会滚动。您可以为您的文本创建一个UICollectionViewCell,将其包含在您的collectionview 中并扩展collectionView 以适应屏幕或使用UICollectionViewController

【讨论】:

以上是关于UICollectionView 滚动整个页面的主要内容,如果未能解决你的问题,请参考以下文章

如何使 UICollectionView 像书一样翻转整个页面

使用 UICollectionView 的建议

UICollectionView 无法滚动查看整个最后一行

UICollectionView 滚动到底部不显示整个项目

带有分页的 UICollectionView - 设置页面宽度

UICollectionView - 滚动到下一页