码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-07-25 13:50:59      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:xcode   ios   ui   控件   

       由于刚刚开始学习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把空间拖到水平居中位置,然后在模拟器中显示如下。发现控件已经出现在了我们预期的位置。模拟器显示正常,问题成功解决。

技术分享

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

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

标签:xcode   ios   ui   控件   

原文地址:http://blog.csdn.net/chenyufeng1991/article/details/47054887

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!