上手iOS常见问题——iOS模拟器显示错位问题解决

由于刚刚开始学习iOS开发，所以其中肯定会碰到很多问题，也可能是大家也遇到的问题。我也会在自己的学习过程中碰到的问题和解决方案写出来，与大家一起分享。本篇博客要解决的问题是iOS模拟器的显示与Main.storyboard中布局不一致或者说错误的问题。

（1）新建一个iOS Application项目，右侧选择Single View Application.点击Next，项目名称任意，下面的Devices选择iPhone,然后创建成功。

（2）然后在Main.storyboard中进行界面设计，我们把几个空间拖动到水平居中位置。如图所示：

。

（3）然后点击运行，模拟器选择iPhone5s，运行结果如图所示：

。

（4）结果分析，发现原先设计在中央的控件全都跑到右侧甚至都逃出边界了。和预期的完全不符。我们需要找到解决办法。

（5）对于我们新手来说，这是最常见的问题。这是由于我们使用了自动布局导致的。解决办法就是在右侧找到“Use Auto Layout”和"Use Size Classes",并取消这两个选项。取消中可能会有提示，直接下一步就可以了。

。

（6）然后可以发现我们的Main.storyboard已经变了，变成了iPhone的界面，在该界面中显示的和我们刚才在模拟器中显示的效果一样。发现这个问题不是模拟器的问题，只是我们在设计的时候布局导致的。

。

（7）重新在Main.storyboard把空间拖到水平居中位置，然后在模拟器中显示如下。发现控件已经出现在了我们预期的位置。模拟器显示正常，问题成功解决。

版权声明：本文为博主原创文章，未经博主允许不得转载。