iOS:更改 StackView 中 TextField 的高度(在 StackView 内)

Question

我使用 Xcode 10/Swift 5/iOS 12 并得到了这个布局:

红色(垂直)StackView 设置为:

• 分布:“平均填充”
• 高度:300(固定)
• 框架:10(每边)
• 间距:10

5 个水平子 StackViews:

• 分布:“平均填充”
• 每个高度 52 像素 ((300-40)/5) - 不固定!

蓝色 View 仅占用剩余的屏幕空间(顶部与红色 StackView 对齐，底部与“SuperView”对齐)。

标签自动占用 52 像素，但我希望两个 TextField 恰好为 30 像素(上方/下方 +11)。如果我只是设置高度，InterfaceBuilder 会提示冲突并且实际上不会改变任何内容。

如何在不改变周围水平 StackView 高度的情况下设置它们的高度？

Answer 1

这是一个解决方案 - 假设您希望堆栈 View 中的每个“行”高 52 磅(标签有绿色背景，只是为了让它们的框架更容易看到)。

红色堆栈 View :

Alignment: Fill
Distribution: Fill Equally
Spacing: 10

每个水平堆栈 View :

Alignment: Center
Distribution: Fill Equally
Spacing: 0

Red View - 持有Red Stack View和 Blue View - 在所有四个方面都被限制在零到 SuperView。

Red Stack View在 10 点处限制其 SuperView(即 Red View)的 Top、Leading 和 Trailing。

Blue View其 SuperView(即 Red View)的 Leading、Trailing 和 Bottom 被限制在 10 点，Top 被限制在 10pts 到 Red Stack View 的底部.

唯一的高度约束设置在Date Stack View上... Height = 52 .自 Red Stack View其分布设置为 Fill Equally剩余的水平堆栈 View 将自动获得 52 的高度。

并且，通过设置 Alignment: Center在每个水平堆栈 View 上，排列的 subview 将居中对齐到 52 磅高度。