如何在 iOS 中进行网格布局?

Posted

技术标签:

【中文标题】如何在 iOS 中进行网格布局?【英文标题】:How to make a grid layout in iOS? 【发布时间】:2017-09-28 05:26:43 【问题描述】:

我想在 ios 应用中制作一种网格布局(不可滚动),类似于:

我可以使用多个UIView 来做到这一点,但这不是一个好的解决方案。如果我使用 `UICollectionView',我相信它会变成可滚动的?我想要固定的网格项目,根据屏幕大小调整它们的大小。

请问有什么指导方针吗?

谢谢!

【问题讨论】:

***.com/questions/26901286/… 你可以根据屏幕大小管理集合视图单元格的高度和宽度 @Ellen 谢谢!明白了! 【参考方案1】:

您应该使用collection viewscrolling and bouncing disable

这完全取决于您的 collectionview 的 flowlayout 的项目大小。

您必须根据屏幕大小计算项目大小。

您可以将item size 设置为flowlayout,并可以将flowlayout 与collection view 一起使用。

例如,您可以参考this so post。

【讨论】:

【参考方案2】:

如果您只想将固定的 3x2 布局缩放到任何屏幕尺寸,那么多个 UIView 是一个很好的解决方案,这正是您应该做的。

还可以创建一个RestaurantView UIView 子类来配置和显示每个餐厅的图像/评级/标题/描述/等详细信息。

-

如果您希望根据屏幕大小改变餐厅数量,请改用 UICollectionViewResturantCollectionViewCell

【讨论】:

以上是关于如何在 iOS 中进行网格布局?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 kivymd 中制作网格布局?

如何在 Ionic 2 中获得响应式网格布局

如何在引导流体布局中底部对齐网格元素

CollectionView网格布局

CollectionView网格布局

如何在 CSS 网格布局中保持内容居中?