Autolayout和Scrollview宽度固定为屏幕(不是内容)

时间:2015-11-19 16:53:04

标签: ios xcode uiscrollview autolayout

我已经关注了exmaples的数量(大多数是相同的),例如https://www.youtube.com/watch?v=UnQsFlMGDsI

我在开启新项目时,将滚动视图放入,然后放入内容"在视图中,将滚动视图约束到它的超视图(顶部,底部,左侧和右侧),然后将内容视图约束到滚动视图的内部,然后将其宽度和高度限制在滚动视图超级视图中。红色和内容视图中的滚动视图为黑色。

我删除了一个Textfield,然后将其约束到内容视图的顶部,前导和尾随。它在故事板中看起来都很好,但是当我运行它时,内容视图不存在,文本字段是其中的对象宽度(基于文本字段)。

None fixed height of content view

然后我将内容视图hight更改为固定的800,我现在可以看到内容视图,但宽度是由文本字段的大小(而不是相反)固定的,即如果我添加更多"测试信息"文本一切都变宽了。

enter image description here

这不是我真正的项目,但我只想消除原因,所以从头开始这样做,它也是如此。我看不出我错过了什么(希望有一个勾选框)。

如果我强制文本字段为700宽,则向左水平滚动,我看不到如何将内容视图宽度固定到屏幕大小。

1 个答案:

答案 0 :(得分:10)

更新的答案

对我之前发布的答案感到抱歉。我错过了一些观点。在这里,我将逐步向您解释需要做什么(参见截图)。

以下是添加了约束的整个视图的概述:

enter image description here

要做的第一件事,添加scrollview并添加关于superview的前导,尾随,顶部和底部的约束。

enter image description here

接下来要做的事情是,在滚动视图中添加UIView。现在这部分很棘手,您刚刚添加的视图需要充当滚动视图的内容视图。因此,您需要添加到滚动视图的任何视图都应该放在此视图中。对于此视图,请设置约束,如top,bottom,leading和trailing。但是这里棘手的部分是,将superview(即,scrollview)的底部约束设置为零,具有低优先级(250)。同时将此视图的宽度设置为等于滚动视图的超级视图,即ViewController的视图以及滚动视图。

enter image description here

内容视图的约束

enter image description here

底部约束设置为零低优先级。

enter image description here

参考scrollview的superview以及滚动视图的等宽。

底部约束被设置为低优先级,因为为了滚动工作,当涉及到视图的底部约束时,内部视图的约束需要被赋予更高的优先级。

现在在内容视图中添加所需的视图,在您的情况下是文本字段。添加与内容视图相关的所有必需约束(顶部,前导,尾随,底部)。添加您要添加​​的任意数量的子视图,但请确保为内容视图指定最底部视图的底部约束,该约束也具有所需的优先级。 以下是我在内容视图中添加的文本字段的约束:

enter image description here

请注意,在这种情况下,底部约束是必需的优先级。

最终输出:

enter image description here

黄色= ViewController的视图,绿色=滚动视图,红色=容器视图,粉红色=文本字段。

任何需要制作水平滚动视图的人的注释,只需使用高度切换内容视图的宽度,使用尾随约束切换其底部约束。也就是说,使用superview和scrollview以及pin尾随空格设置相等的高度,以低优先级滚动视图。