使用AutoLayout的UIScrollView灵活布局

时间:2013-10-09 08:22:04

标签: ios objective-c uiscrollview interface-builder autolayout

我正在努力实现以下目标: 4 and 3.5 inch screens without scrollview

红色视图是固定高度,固定在屏幕顶部。蓝色视图是固定高度,固定在屏幕底部。绿色视图没有定义的高度,应根据可用空间进行扩展/收缩(宽度可以保持不变)。

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

最终看起来像这样: 3.5 inch screen with scrollview

据我所知,UIScrollViews在AutoLayout中的处理方式不同,以便允许滚动,但我无法弄清楚如何使用它来创建所需的布局。

1 个答案:

答案 0 :(得分:1)

嗯,草皮法。我花了整整一天的工作时间和10分钟后将它发布到StackOverflow我想出来了。

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

Screenshot of the constraints