在大型UIScrollView中可视化地排列子视图

时间:2012-02-15 04:54:53

标签: xcode4 ios5 storyboard

我的应用中的一个屏幕必须是可垂直滚动的。它的内容或多或少是静态的,但它不适合手机的屏幕(因此滚动视图)。我使用UIScrollController作为顶视图,我想使用Xcode中的故事板编辑器来布局其中的所有视图。我能这样做吗?我显然可以放弃UIScrollController的可见部分,但是我可以在视觉上“放下”更多的视图吗?

2 个答案:

答案 0 :(得分:27)

还有另一种方法可以做到与上面评论中链接中给出的答案不同,我认为这样做更容易,因为它允许您以完整尺寸查看整个内容视图并在故事板中进行设计。

  • 1)将UIScrollView作为控制器的根视图。
  • 2)单击故事板中的View Controller并转到 属性检查器并将大小更改为自由格式
  • 3)单击故事板中的滚动视图并转到尺寸 检查员并更改宽度和宽度高度到你需要的大小。 (2,000 x 4,000)
  • 4)将UIView作为滚动视图的子视图,这将是您的 内容查看您将在何处设计屏幕并放置所有屏幕 子视图。不要忘记将scrollview的contentSize设置为 viewDidLoad中此视图的大小。
  • 5)单击#4中的UIView,然后在Size Inspector中设置Struts和Springs 此视图未调整大小enter image description here
  • 6)设计屏幕的其余部分

诀窍是#3& #5将scrollView的大小设置得非常大,以便您可以进行设计。当这个viewController加载到iPhone中时,Struts& Springs会将scrollView的大小调整为iPhone屏幕的大小,但contentView将保持较大。

答案 1 :(得分:0)

终于有可能在Xcode 11中使用!
在“视图树”的滚动视图中选择一些视图,然后使用触摸板/鼠标滚动:

enter image description here