使用相等高度的比例尺寸缺失约束

Question

我希望蓝色容器视图与橙色容器视图的高度相同。我正在使用比例尺寸来这样做（所有这些都在垂直堆栈中），然后选择了所有容器，然后在其中添加了相等的高度约束。我很困惑，因为对于蓝色容器视图似乎没有比例的高度约束。我能够更改其他人的比例高度。

Answer 1

布局正是您针对高度指定的：

Orange: 0.5 * Blue (1/2 Blue Height)
Green:  == Blue
Yellow: == Blue
Purple: == Blue
Grey:   0.5 * Blue (1/2 Blue Height)

如果您想要“蓝色容器视图的高度与橙色容器视图相同” ，则需要设置，

Orange: == Blue
Green:  == Blue
Yellow: == Blue
Purple: == Blue
Grey:   0.5 * Blue (1/2 Blue Height)

您将不设置一个”比例的高度“对蓝色容器本身的约束，因为您已经告诉堆栈视图以根据这些高度约束来适合所有视图。

---

edit - 回答评论：“我希望蓝色本身像橙色一样较小”

如果您将其写出（或说话），您可能可以 我自己回答问题...

我想要：

• 橙色。高度等于蓝色
• 。高高的灰色。高度等于蓝色
• 。高高的绿色。高高的高度是蓝色的两倍。Heightheight
• height height两倍，是蓝色的两倍
• 。 高度

。

Orange: == Blue
Grey:   == Blue
Green:  == Blue * 2.0
Yellow: == Blue * 2.0
Purple: == Blue * 2.0

蓝色

的

因此，让我们假设堆栈视图高度是450点，通过设置或设置顶部和底部约束 - 恰好是450点，因为它将给出这个示例的好数字。

如果我们有两种视图 - 蓝色和橙色 - 并且我们希望它们具有相同的高度，则看起来像这样：

< img src =“ https://i.sstatic.net/nf05b.png” alt =“在此处输入图像说明”>

非常简化，auto-layout说： > 1个单位，橙色等于蓝色，因此它的高度为 1个单位，总计2个高度，因此将450除以450 2并给每个视图的高度225“ ，

如果我们希望橙色高两倍，我们会约束橙色。 ：

自动layout说：“蓝色的高度为 1个单位，橙色等于蓝色x 2，因此它的高度为 2个单位。代码>并给橙色的高度150 x 2 == 300“ 。

对于您的布局，看起来像这样：

我们现在总共有 9个高度单位（1 + 1 + 1 + 1 + 2 + 2 + 2 + 2 + 2 + 2 + 1 ），并且自动layout说：“ 450/9 == 50（每个高度单位）...” ，您可以看到它如何列出视图。