首页 > 解决方案 > 使用 UI 按钮创建网格视图的最简单方法是什么?

问题描述

我正在创建一个仅处于横向模式的非常简单的应用程序。我正在尝试创建一个 4x4 网格,而无需添加集合视图(最好只使用约束)。首先,这可能吗?接下来,对此的最佳做法是什么?当我向第一个按钮添加约束时,它会自动调整为更大的按钮。当我向第二个按钮添加相对于第一个按钮的约束时,按钮再次变宽。我不明白,我真的只想了解这个项目需要什么,而不需要大量多余的东西。

我附上了我正在寻找的粗略布局的屏幕截图。我感谢任何想法或建议。

没有约束的粗略布局

标签: swiftxcodeuser-interface

解决方案


您可以利用UIStackView's 的强大功能。它的约束较少,并且具有具有Fill equally值的分布属性,因此您的按钮具有相同的大小。

为此,您可以添加一个父垂直UIStackView并将其约束在其 supverView 的顶部、左侧、右侧、底部,然后您可以在UIStackViews其中添加 2 个包含按钮的水平。只需设置按钮的宽度和高度,并将UIStackViews分布设置为均匀填充。

您可以查看苹果的文档以获取更多信息https://developer.apple.com/documentation/uikit/uistackview

再会 :)


推荐阅读