iOS 模拟器错误放置控件

iOS simulator misplaces controls

我正在尝试学习 iOS 开发,但遇到了 iOS 模拟器的问题。我创建了一个新项目(Single View App,仅 iPhone 支持)并且只编辑了两个东西:启动屏幕 XIB 和故事板。

我试图通过故事板编辑器制作登录屏幕,在编辑器中它看起来像这样:

我使用 iOS 模拟器 (iPhone 6) 构建并 运行 它,然后我们遇到了一个问题:

控件都错了。为什么是这样?我曾尝试更改情节提要编辑器的宽度和高度(开始于:wAny hAny),但这没有用。我应该如何解决这个问题?

我建议阅读一些有关 iOS 自动布局和约束的内容。 控件放错了地方,因为您没有设置任何规则,它们应该如何在不同的显示尺寸上显示。 我建议阅读例如:http://www.raywenderlich.com/83129/beginning-auto-layout-tutorial-swift-part-1