将 UIScrollview 放入 viewcontroller（故事板）

Question

嘿，我想向我的视图控制器添加一个滚动视图，我已经将一个 UIScrollView 拖到 canvas 上，它是所需的大小 (228*128)。我希望此滚动视图滚动大小为 (576*128) 的视图，即双倍宽度。我不知道该怎么做。我是否首先在单独的 xib 文件上绘制 (576*128) 视图？我将如何 link 这一切之后呢？下图是我的设置。我是否必须为包含内容的 UIView 创建自定义 class 并初始化这是我的视图控制器？只是不知道该怎么做。谢谢！

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

Answer 1

Link 你的 scrollview 到 outlet，然后这样做：

Objective-C:

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

Swift:

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

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

Objective-C:

[scrollView addSubview:view];

Swift:

scrollView.addSubview(view);

（对了，你说的是'double width'。228*2不是576px而是456px）

Answer 2

您可以在 Interface Builder.

中完全布置它

重新开始 ViewController。在右侧的 Size Inspector 中，将 Simulated Size 设置为 Freeform。将宽度设置为 640，将高度设置为 600。这将为您提供足够宽的 ViewController 以查看滚动视图的完整宽度（仅用于布局目的）。
拖出一个scrollView。添加约束以使其在视图中居中，并将其约束到 ViewController 的底部。将其宽度限制为 576，将其高度限制为 128。我们将在稍后的步骤中修正宽度。
通过拖出一个 UIView 并将其放入 scrollView 来添加一个 contentView 到 scrollView。将其固定到滚动视图的左侧、顶部、右侧和底部，并将其宽度限制为 576，高度限制为 128。为此，请单击屏幕底部的图钉图标 |-[]-|，取消选中 Constrain to margins，打开所有四个橙色 I-beams（ struts)，将它们的常量设置为零，选中宽度和高度旁边的框，并将它们的值分别设置为 576 和 128。最后，点击添加6个约束。
将 contentView 的背景设为黄色以便您可以看到它。
向您的 contentView 添加内容。我添加了三个标签 "Left Side"、"Middle" 和 "Right Side"。
现在让我们将 scrollView 设置为合适的大小。单击 scrollView 的宽度约束并通过单击 在构建时删除 复选框使其成为 Placeholder。
向滚动视图添加另一个宽度约束。将其设置为 228，并将其优先级设置为 750。使用这个较低的优先级，您不会在 Interface Builder 中发生冲突，但是当您构建另一个时，另一个将被排除在外，这会将您的 scrollView 限制为 228.
的宽度
此时，您的文档大纲将如下所示显示所有约束：
现在构建，您的 scrollView 将滚动！

将 UIScrollview 放入 viewcontroller（故事板）

Putting a UIScrollview in a viewcontroller (storyboard)

ios

xcode

uiview

uiscrollview