Xcode 7 个垂直滚动视图问题

Xcode 7 Vertical Scroll View Issues

我在 Xcode 7.3 中创建仅垂直滚动视图时遇到问题。我遵循了一些关于 SO 和其他地方的教程,但出于某种原因,我的最顶层视图的宽度似乎超出了屏幕或向左移动。滚动视图仅限于垂直滚动,这是我的意图,但内容部分出现在屏幕之外。

我尝试将按钮水平居中并固定到内容视图的顶部和底部。在模拟器上,它们出现在屏幕左侧的一半,但它们在故事板中看起来很好,没有约束问题。我什至在助理编辑器中预览了 3.5、4 和 4.7 英寸屏幕的视图,它看起来和我预期的一样。但是当我 运行 它在模拟器上时,它就搞砸了。此外,内容视图的背景应该是白色的(出于测试目的),但它显示最顶层视图的灰色。

这就是我所做的以及我的约束图片

  1. 添加滚动视图并固定到超级视图顶部、底部、左侧、右侧 (0,0,0,0)

  2. 添加内容视图并将滚动视图固定到顶部、底部、左侧、右侧 (0,0,0,0),并添加一个恒定高度 1000。

  3. 我 ctrl+从内容视图拖动到视图(滚动视图的父视图)并设置等宽约束。

  4. 在内容视图中放置 2 个按钮,引脚 1 位于顶部,另一个位于底部。两者都是水平居中的。

这是它在模拟器上的样子。

Simulator-Actual

这就是我在 iPhone 屏幕上的样子。

Storyboard-Expected

我认为您已正确设置所有约束。但还是再检查一遍。

第 1 步:- 删除勾选 Adjust scrollview insets

第 2 步:- 正如您所说,给前导、试用、顶部、底部 = 0。

第 3 步:- 与步骤相同,从 superview 设置 Leading、Trialing、Top、Bottom = 0

警告 :- 您需要同时检查约束检查器,因为有时它需要从 -20 开始 space。

第 4 步:- 将约束设置为第一个按钮顶部、前导、试用

第 5 步:- 将前导、试用、垂直 space 设置为按钮 1 和底部(来自 UIView 的底部)

如果您为 button1 提供垂直间距并为视图提供底部,则无需设置内容大小,否则它将自动滚动。

希望对您有所帮助。

给它水平中心约束然后检查