将UIScrollview放在viewcontroller中（storyboard）

Question

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

下面的更新图片.........

Answer 1

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

目标-C：

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

夫特：

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

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

目标-C：

[scrollView addSubview:view];

夫特：

scrollView.addSubview(view);

（顺便说一句，你说＆＃39;双倍宽度＆＃39;。228 * 2不是576px而是456px）

Answer 2

您可以将此完全放在 Interface Builder 。

中

1. 从一个全新的ViewController开始。在右侧的尺寸检查器中，将模拟尺寸设置为自由形式。将宽度设置为640，将高度设置为600。这将为您提供足够宽的ViewController以查看滚动视图的整个宽度（仅用于布局目的）。

   

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

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

   

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

5. 向contentView添加内容。我添加了三个标签＆＃34;左侧＆＃34;，＆＃34;中＆＃34;和＆＃34;右侧＆＃34;。

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

   

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

   

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

   

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