我已经关注了exmaples的数量(大多数是相同的),例如https://www.youtube.com/watch?v=UnQsFlMGDsI
我在开启新项目时,将滚动视图放入,然后放入内容"在视图中,将滚动视图约束到它的超视图(顶部,底部,左侧和右侧),然后将内容视图约束到滚动视图的内部,然后将其宽度和高度限制在滚动视图超级视图中。红色和内容视图中的滚动视图为黑色。
我删除了一个Textfield,然后将其约束到内容视图的顶部,前导和尾随。它在故事板中看起来都很好,但是当我运行它时,内容视图不存在,文本字段是其中的对象宽度(基于文本字段)。
然后我将内容视图hight更改为固定的800,我现在可以看到内容视图,但宽度是由文本字段的大小(而不是相反)固定的,即如果我添加更多"测试信息"文本一切都变宽了。
这不是我真正的项目,但我只想消除原因,所以从头开始这样做,它也是如此。我看不出我错过了什么(希望有一个勾选框)。
如果我强制文本字段为700宽,则向左水平滚动,我看不到如何将内容视图宽度固定到屏幕大小。
答案 0 :(得分:10)
更新的答案
对我之前发布的答案感到抱歉。我错过了一些观点。在这里,我将逐步向您解释需要做什么(参见截图)。
以下是添加了约束的整个视图的概述:
要做的第一件事,添加scrollview并添加关于superview的前导,尾随,顶部和底部的约束。
接下来要做的事情是,在滚动视图中添加UIView
。现在这部分很棘手,您刚刚添加的视图需要充当滚动视图的内容视图。因此,您需要添加到滚动视图的任何视图都应该放在此视图中。对于此视图,请设置约束,如top,bottom,leading和trailing。但是这里棘手的部分是,将superview(即,scrollview)的底部约束设置为零,具有低优先级(250)。同时将此视图的宽度设置为等于滚动视图的超级视图,即ViewController的视图以及滚动视图。
内容视图的约束
底部约束设置为零低优先级。
参考scrollview的superview以及滚动视图的等宽。
底部约束被设置为低优先级,因为为了滚动工作,当涉及到视图的底部约束时,内部视图的约束需要被赋予更高的优先级。
现在在内容视图中添加所需的视图,在您的情况下是文本字段。添加与内容视图相关的所有必需约束(顶部,前导,尾随,底部)。添加您要添加的任意数量的子视图,但请确保为内容视图指定最底部视图的底部约束,该约束也具有所需的优先级。 以下是我在内容视图中添加的文本字段的约束:
请注意,在这种情况下,底部约束是必需的优先级。
最终输出:
黄色= ViewController的视图,绿色=滚动视图,红色=容器视图,粉红色=文本字段。
任何需要制作水平滚动视图的人的注释,只需使用高度切换内容视图的宽度,使用尾随约束切换其底部约束。也就是说,使用superview和scrollview以及pin尾随空格设置相等的高度,以低优先级滚动视图。