在 iOS 的故事板中格式化 4 个 ImageView答案

【问题标题】：Formatting 4 ImageViews in storyboard for iOS在 iOS 的故事板中格式化 4 个 ImageView
【发布时间】：2016-05-20 01:05:37
【问题描述】：

我是 iOS 开发的新手，我试图让我的观点之一是这样的：4 imageViews in the center like 2 lines * 2 rows for all devices，iOS 除外，并且顶部有一行文本。（4 张图像，每行 2 张图像，2 行）。

我正要扯掉我的头发，试图让 4 个盒子正确定位。我一直在看几个例子，但它们最终总是至少有点偏离或完全重叠。

有人可以解释最简单/最佳实践的方法来定位 4 个图像视图（每行 2 个），以便它们不会重叠并为所有布局保持相同的纵横比（大小可以改变，只要纵横比图像保持不变）？这个对齐约束的东西似乎比我熟悉的 Android 布局复杂得多。但也许它比我想象的要简单？

我们将不胜感激！

【问题讨论】：

【解决方案1】：

【讨论】：

【解决方案2】：

我建议使用UIStackView 来完成此操作。

第 1 步：将 2 UIImageViews 拖到故事板上。

第 2 步：将它们并排排列，使蓝色参考线穿过它们的垂直中心

第 3 步：单击每个图像，然后单击情节提要窗口底部的 StackView 按钮。确保生成的堆栈是 HORIZONTAL 堆栈。

第 4 步： 突出显示堆栈，然后转到属性检查器。将对齐设置为 Fill，分布：Equally，间距设置为 8 或任何您想要的。

第 5-8 步 = 对底行图像重复 1-4。

第 9 步： 突出显示您的 2 个 UIStackViews，将它们放入 VERTICAL 堆栈。属性检查器的处理方式相同——对齐填充、分布均等、间距为 8 或任何您想要的。

第 10 步： 突出显示文档大纲顶部的 UIStackView，单击界面构建器屏幕底部的 Pin 按钮（看起来像“tie-fighter”的东西）并固定到视图的侧面。您可能希望在边上设置 0，在顶部和底部设置标准值。

【讨论】：