如何在滚动视图中使用自动布局？

Question

所以我在最新的Xcode的视图控制器中使用UIScrollView 。 我在滚动视图中有按钮。 当我运行该应用程序时，滚动视图消失了。 谁能告诉我是什么原因造成的，以及自动布局工具如何工作？

Answer 1

跟着这些步骤，

1. 采取滚动视图并相对于父视图设置约束（前导，尾随，顶部，底部）。 并为其设置一些背景色，以便在运行时可见。

2. 取UIButton并将其放置在scrollview上，然后相对于滚动视图设置按钮的约束（前导，尾随，顶部），还设置按钮的宽度和高度约束，并为button设置一些背景色，以便它在运行时将可见。

注意：您的内容的等级结构应如下所示--parentView -ScrollView -button

请让我知道是否有任何不清楚的地方。

谢谢。

Answer 2

这是使用“自动版式”设置滚动视图的方法。

1. 拖出一个scrollView并将其添加到您的ViewController中。 将其边缘固定到其superView的边缘。

2. 拖出一个新的UIView并将其放入您的scrollView中。 这将用作scrollView的contentView，并且是scrollView中唯一的顶层视图。 将其所有四个边缘固定到scrollView的边缘。 注意：这不会设置scrollView的内容大小。

3. 如果只想使scrollView垂直滚动，请将contentView的宽度设置为scrollView的宽度。 为此，请转到“ 文档大纲视图”并控制 -从contentView拖动到scrollView，然后从弹出窗口中选择“ 等宽 ”。

4. 要设置内容视图的高度，可以设置高度约束，然后将其高度更改为所需的值。 如果要滚动，则该值必须大于scrollView的高度。 另一种方法是确保contentView中的所有项目都具有高度限制，并且彼此固定，并且最上面的一个固定在contentView的顶部，而最下面的固定在contentView的顶部。 contentView的底部。 如果执行此操作，则“自动布局”将能够为您计算contentView的高度。 如果此总高度大于scrollView的高度，则contentView将滚动。

5. 最后，添加您的按钮。 现在，由于您在步骤3中确定了contentView的宽度，因此您现在可以将按钮水平放置在contentView中。

Answer 3

希望这也会对其他人有帮助

1. 在使用autoLayout使用scrollView时，视图层次结构应类似于

一个包含scrollView的视图（ View1 ）和一个包含scrollView内部的视图（ View2 ）。

现在将View1的约束

是的，从各个角度固定它。

做了滚动相同的步骤，以及视图2，现在将给予像滚动的内容大小模糊警告

现在，最重要的 步骤是按CTRL键并将其从View2拖动到View1 ，向下滚动弹出窗口并选择相等的宽度

现在，它将向您发出警告，提醒您滚动显示的高度过高，但是当您对内部元素（在View1内 ）赋予适当的约束时 ，它也会消失。