将UIScrollview放入视图控制器（故事板）中

Question

嘿，我想向我的视图控制器添加滚动视图，我已经将UIScrollView拖动到画布上，这是所需的大小（228 * 128）。 我希望此滚动视图滚动一个大小为（576 * 128）的视图，即两倍宽度。 我不确定该怎么做。 我是否首先在单独的xib文件上绘制（576 * 128）视图？ 之后如何将所有这些链接起来？ 下图是我的设置。 我是否必须为包含内容的UIView创建一个自定义类，并将其初始化为我的视图控制器？ 只是不确定如何去做。 谢谢！

下面的更新图像.........

Answer 1

将滚动视图链接到插座，然后执行以下操作：

Objective-C的：

[scrollView setContentSize:CGSizeMake(576, 128)];

迅速：

scrollView.contentSize = CGSize(width:576, height: 128)

之后，您可以将元素分别添加到滚动视图中，也可以将它们添加到uiview中，然后通过执行以下操作将其添加到滚动视图中：

Objective-C的：

[scrollView addSubview:view];

迅速：

scrollView.addSubview(view);

（顺便说一句，您说的是“双倍宽度”。228* 2不是576px，而是456px）

Answer 2

您可以完全在Interface Builder中进行布局。

1. 从新的ViewController开始。 在右侧的“ 大小”检查器中 ，将“ 模拟大小”设置为“ 自由格式” 。 将width设置为640并将height设置为600 。 这将为您提供足够宽的ViewController，以查看滚动视图的完整宽度（仅用于布局目的）。

   

2. 拖出一个scrollView。 添加约束以使其在视图中居中，并将其约束到ViewController的底部。 将其宽度限制为576 ，将高度限制为128 。 我们将在以后的步骤中修复宽度。

3. 通过拖出UIView并将其拖放到scrollView中，将contentView添加到scrollView中。 将其固定在滚动视图的左侧，顶部，右侧和底部，并将其宽度限制为576 ，将高度限制为128 。 为此，请单击屏幕底部的图钉图标|-[]-| ，取消选中“ Constrain to margins ，打开所有四个橙色I型梁（支柱），将其常数设置为零，选中“宽度”和“高度”旁边的框，并将其值分别设置为576和128 。 最后，点击添加6约束 。

   

4. 将contentView的背景设为黄色，以便可以看到它。

5. 将内容添加到您的contentView中。 我添加了三个标签“左侧”，“中间”和“右侧”。

6. 现在让我们使scrollView正确大小。 单击scrollView的宽度约束，然后单击“ 在构建时删除”复选框，使其成为占位符 。

   

7. 向scrollView添加另一个宽度约束。 将其设置为228 ，并将其优先级设置为750 。 使用较低的优先级，您在Interface Builder中不会有冲突，但是在构建时，另一个将被忽略，这会将您的scrollView的宽度限制为228 。

   

8. 此时，您的文档大纲将显示为所有约束：

   

9. 现在构建，您的scrollView将滚动！