如何调整我的堆栈视图的分布以适应不相等的视图大小？

Posted 2023-03-11

【中文标题】如何调整我的堆栈视图的分布以适应不相等的视图大小？

【英文标题】：How can I adjust the distribution of my Stack View for unequal view sizes?

【发布时间】：2020-04-15 16:02:12

【问题描述】：

这是迄今为止我的 Main.Storyboard 的内容，以及视图控制器场景层次结构和堆栈视图设置。

现在，所有内容都可以针对每个设备和方向正确缩放。问题是当我尝试调整堆栈视图分布时。我希望中间的“CLICK”按钮小一点，UIImageView 大一点。将分布设置更改为“填充”或“按比例填充”没有帮助。当我运行应用程序时，它只是切断了顶部铅笔视图。手动调整顶部、中间和底部视图大小也无济于事。

【问题讨论】：

您希望“Top”和“Bottom”的高度相等，而“Middle”的高度更短？你希望它是一个固定的高度值吗？或者，您是否希望它是“顶部”高度的 50%？

@DonMag 最好让顶部和底部图像视图分别占据 40% 的高度，让中间按钮占据剩余的 20%。

【参考方案1】：

将 Stack View 的分布设置为 Fill

给Top 视图一个高度约束等于堆栈视图的高度，乘数为0.4

给Bottom 视图一个高度约束等于Top

应该这样做！

编辑

Ctrl-click-从Top拖动到Stack View，选择Equal Heights：

Ctrl-click-从Bottom拖动到Top，选择Equal Heights：

选择 Top 并在 Size Inspector 窗格中编辑高度约束：

选择 Bottom 并在 Size Inspector 窗格中编辑高度约束：

【讨论】：

谢谢，但我找不到任何高度常数或乘数设置。

哎呀.... Ctrl-click-drag（我写的是右键单击）-再想一想，右键单击-拖动也可以。