ios - 模拟器看起来与 Storyboard屏幕上的布局不同

Question

我遇到了一个奇怪的情况。我在 Storyboard 上创建了一个带有一些按钮的非常简单的屏幕，然后当我运行模拟器时(说模拟器或仿真器正确吗？)其中一个按钮的间距错误。

我正在添加屏幕截图。模拟器位于 Storyboard屏幕的右侧。

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

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

谢谢!

Answer 1

看起来您正在使用 Autolayout，除了 Investment 之外的所有按钮都具有顶部约束，而 Investment 具有底部约束，导致 Investment 到底部的距离在屏幕变高时保持不变。

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

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

编辑:我只想说 XCode 有一个习惯，当你刚刚拖到 xib 中的 View 在它的容器的上半部分时，它会为你添加 Top 约束，当它在下半部分时，会为你添加 Bottom 约束。我知道 XCode 正在努力提供帮助，但有时它会让我发疯。