ios - 模拟器看起来与故事板屏幕上的布局不同答案

【问题标题】：ios - simulator looks different from the layout on the storyboard screenios - 模拟器看起来与故事板屏幕上的布局不同
【发布时间】：2012-11-30 19:54:18
【问题描述】：

我遇到了一个奇怪的情况。我在情节提要上创建了一个非常简单的屏幕，其中包含一些按钮，然后当我运行模拟器时（说模拟器或模拟器是否正确？）其中一个按钮的间距错误。

我正在添加屏幕截图。模拟器位于情节提要屏幕的右侧。

知道为什么会发生这种情况吗？

我认为这是按钮的问题。它可能是。但是当我拿出两个较低的按钮时，我得到了一些更奇怪的东西，如下图所示：

谢谢！

【问题讨论】：

确保所有按钮都具有相同的父视图和布局命令。可能是按钮在与其他按钮不同的父框架上工作。
@Bergasms 你能澄清一下你所说的父视图是什么意思吗？到目前为止，我真的只有这些屏幕在应用程序中。
没关系，其他人有更好的反应。我的意思是，有时在一个复杂的视图中你有很多子视图。有时，当您在界面构建器中移动事物时，它会根据它认为您在做什么将事物放入不同的父视图中。那么这可能会产生一些意想不到的结果，因为新的父视图具有不同的坐标系。

标签： ios ios5 storyboard

【解决方案1】：

看起来您正在使用自动布局，并且除 Investment 之外的所有按钮都具有 Top 约束，而 Investment 具有 Bottom 约束，导致 Investment 到底部的距离在屏幕变高时保持不变。

点击投资按钮，点击顶部菜单中的[Editor -> Pin -> Top space to Superview]。

再次点击投资按钮。单击右侧面板中右侧的第二个选项卡（您可以设置框架的选项卡）。查找 Top Space to Superview 约束，右键单击并删除。如果没有，那么 XCode 就完成了它的工作。再次尝试运行模拟器。

编辑：我只想说XCode有一个习惯，当你刚刚拖入xib的视图在其容器的上半部分时，为你添加Top约束，而当它在下半部分时，为你添加Bottom约束。我知道 XCode 试图提供帮助，但有时它让我发疯。

【讨论】：

编辑器部分也帮了我点击编辑器 -> 解决自动布局问题 -> 重置为建议的约束

【解决方案2】：

看起来您正在使用 3.5" 模拟器并为 4" 设备布局，因此将调整视图大小。

如果您使用自动调整大小蒙版，按钮上的某些自动调整大小蒙版是否不正确？您可能希望它们都停留在屏幕顶部。检查以确保每个按钮的自动调整大小与此图像匹配。（您需要单击“标尺”图标才能查看这些设置。）

【讨论】：

嗯，不知道发生了什么，但我只是试图取出导致问题的按钮，并且由于某种原因它使模拟器变宽了。另外...要进入您显示的屏幕，我应该在情节提要中选择吗？谢谢！
您应该选择每个按钮并检查其设置。

【解决方案3】：

我假设您使用的是默认提供 NSAutoLayout 的 XCode4。当您将对象放置到情节提要时，NSAutolayout 会自动创建约束，这些约束会针对不同的设备（iPhone4、iPhone5）或方向（纵向/横向）自动在屏幕上布局对象。请检查 NSAutolayout 类和约束。如果您愿意，您可以删除 NSAutolayout，您的对象将正常显示在模拟器上，但在这种情况下，您必须手动调整对象以适应不同的方向和屏幕

希望有所帮助。

【讨论】：