带有 AutoLayout 的 UIScrollView 灵活布局答案

【问题标题】：UIScrollView flexible layouts with AutoLayout带有 AutoLayout 的 UIScrollView 灵活布局
【发布时间】：2013-10-09 08:22:04
【问题描述】：

我正在努力实现以下目标：

红色视图是固定高度，固定在屏幕顶部。蓝色视图是固定高度，固定在屏幕底部。绿色视图没有定义的高度，应该根据可用房间扩展/收缩（宽度可以保持不变）。

这在 3.5 英寸和 4 英寸屏幕上效果很好，直到我将 UIScrollView 添加到组合中。添加 UIScrollView 后，绿色视图将始终保持其 4 英寸屏幕尺寸高度，而不是在 3.5 英寸屏幕上收缩。

它最终看起来像这样：

我了解 UIScrollView 在 AutoLayout 中的处理方式不同，以便允许滚动，但我不知道如何使用它来创建所需的布局。

【问题讨论】：

【解决方案1】：

嗯，草皮法。我花了一整天的时间来解决这个问题，在将它发布到 StackOverflow 后 10 分钟我弄明白了。

我清除了所有约束，并让 Interface Builder 自动添加缺少的约束。然后我将蓝色视图的底部垂直间距固定到底部布局指南，并将绿色视图的高度约束设置为“小于或等于”而不是“等于”。

【讨论】：