ios - UIStackView 内部的 View 未使用 AutoLayout 调整大小

Question

我有以下屏幕:

所有 View 都在 UIStackView 中。黄色 View 在运行时是循环的。我在运行较小的 iPhone (5S) 时遇到的问题是，包含 黄色 View 的 light blue View 不会变小，因此 红色和蓝色从底部查看 会缩小。我希望这两个 View 和 green view 具有固定宽度，而 light blue view 可以调整高度。

但出于某种原因，它没有。我确定是因为我对 yellow view 设置了约束。但我不知道是哪一个出了问题。

这里是yellow view约束条件:

其他 View 的约束是:

1. 绿色 View :高度 = 64
2. 红色和蓝色 View :高度 = 50

如果有人能花一些时间查看这些限制并帮助我了解如何在屏幕变化时使浅蓝色(和黄色)改变高度，我将不胜感激。

Answer 1

您是否尝试将浅蓝色和黄色 View 的内容压缩阻力优先级(垂直)降低到低于 750，并将绿色、红色和蓝色 View 的内容压缩阻力优先级(垂直)降低到高于 750 (如果是这样的话，甚至可能需要 1000 个？)

更新

我看了你的项目。实际上，问题似乎根本不在于您的堆栈 View 、约束或 DailyStatusViewController。相反，该问题看起来与 MainViewController 更相关，后者将 Daily Status View 嵌入到 ScrollView 中。 ScrollView 既剪裁到边界，又放置在另一个容器 View 后面。如果您在 ScrollView 上关闭 clip to bounds，并将其下方的容器 View 移动到它的后面，您将看到您的堆栈 View 布局正确，但只是被裁剪了。

至于它们被剪裁的原因，请记住，您的输出堆栈 View 的高度限制为 300，而它所嵌入的 ScrollView 的高度限制为屏幕高度的 45%。所以在较小的屏幕上，只有不到 300 个点可用于显示每日状态 View ，因此它被裁剪了。您可能想从外部堆栈 View 中删除固定高度约束，而是将其限制在 Root View 的边缘。