将 UIScrollview 放入 viewcontroller(故事板)

Putting a UIScrollview in a viewcontroller (storyboard)

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

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

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)

您可以在 Interface Builder.

中完全布置它
  1. 重新开始 ViewController。在右侧的 Size Inspector 中,将 Simulated Size 设置为 Freeform。将宽度设置为 640,将高度设置为 600。这将为您提供足够宽的 ViewController 以查看滚动视图的完整宽度(仅用于布局目的)。

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

  3. 通过拖出一个 UIView 并将其放入 scrollView 来添加一个 contentView 到 scrollView。将其固定到滚动视图的左侧、顶部、右侧和底部,并将其宽度限制为 576,高度限制为 128。为此,请单击屏幕底部的图钉图标 |-[]-|,取消选中 Constrain to margins,打开所有四个橙色 I-beams( struts),将它们的常量设置为零,选中宽度和高度旁边的框,并将它们的值分别设置为 576128。最后,点击添加6个约束

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

  5. 向您的 contentView 添加内容。我添加了三个标签 "Left Side"、"Middle" 和 "Right Side"。

  6. 现在让我们将 scrollView 设置为合适的大小。单击 scrollView 的宽度约束并通过单击 在构建时删除 复选框使其成为 Placeholder

  7. 向滚动视图添加另一个宽度约束。将其设置为 228,并将其优先级设置为 750。使用这个较低的优先级,您不会在 Interface Builder 中发生冲突,但是当您构建另一个时,另一个将被排除在外,这会将您的 scrollView 限制为 228.

    的宽度

  8. 此时,您的文档大纲将如下所示显示所有约束:

  9. 现在构建,您的 scrollView 将滚动!