在ib中布置应用时，格式与模拟器中的格式不同

Question

我只是在学习如何制作应用程序，而我注意到的第一件事是，当我在界面生成器中以图形方式对应用程序进行布局时，当我在模拟器或自己的设备上运行该应用程序时，情况有所不同。 我有两个正在发生的屏幕截图。

注意段和开关之间的空间...它们是不同的，当我想向上移动开关时会引起问题...

我怎样才能解决这个问题？ 看起来可能与更新的iPhone的更大屏幕尺寸有关，而这并不是我的模拟器中正在运行的内容...如果是这样，那么在设计两部手机上看起来都不错的应用程序时我应该知道些什么？

Answer 1

正如我认为您所诊断的，问题是Interface Builder向您显示4“屏幕，而您的模拟器向您显示3.5”屏幕。 在Interface Builder中，您可以单击主面板右下角的以下按钮在4“和3.5”的显示之间切换：

您也可以在模拟器中，从“硬件”菜单中将“设备”选择为3.5英寸屏幕或4英寸屏幕，以便可以模拟在两个大小的应用程序屏幕上运行应用程序。 顺便说一句，当您进入“视网膜”模拟器时，它将在屏幕上显示两倍大（因为屏幕的分辨率是原来的两倍）。 但是您可以通过在模拟器的“窗口”菜单上使用“缩放”选项来控制模拟器窗口的大小。 这只是改变了Mac屏幕上模拟器对模拟设备的再现大小。 但是，如果您使用的是较小的Mac屏幕，有时您会发现此“缩放”选项也很有用。

但是您确实想确保您的应用程序运行良好，而不管屏幕的大小如何，因此您确实应该针对这两种尺寸测试应用程序。 您希望您的应用程序在iPhone 4设备和iPhone 5设备上都能很好地呈现。 幸运的是，您可以使用单个情节提要板实现此目的。

在决定在两种尺寸的屏幕上控件布局的因素方面，这取决于您是否使用自动布局。 您可以通过单击最右侧面板的第一个选项卡，然后选中或取消选中“使用自动布局”复选框来控制它：

如果不使用自动布局（例如，如果您的应用程序要在iOS 5上运行，则这很重要），则可以转到“自动调整大小的蒙版”选项卡，并控制决定布局的“弹簧和支柱”。 例如，如果您单击场景中的一个控件，则可以通过查看“尺寸检查器”选项卡来控制边距是否应随尺寸的变化而变化，或者布局是否应随尺寸的变化而变化：

如果将鼠标悬停在该“示例”窗口上，它将动画化其大小随其超级视图的大小变化的方式（例如，iPhone是具有3.5英寸的屏幕还是4英寸的屏幕）。

另一方面，如果您使用的是自动布局（仅适用于运行iOS 6及更高版本的设备），则屏幕上的布局取决于您为视图定义的“约束”（请参见后半部分）。下图）：

Answer 2

如果要完全控制布局，则应该有2种不同的XIB，一种用于标准屏幕（320 x 480），另一种用于新iPhone 5屏幕（320 x 568）。 这样，您可以准确指定每个元素的显示位置，并且在屏幕尺寸不同的情况下也不会感到惊讶。

但是无论如何，您都应该始终将放置在配置良好的XIB中的每个元素的锚定和自动调整大小。

以下是本教程的内容 。

当屏幕在iOS设备上旋转时，您可以管理UI对象如何更改其位置或它们是否伸展以填充新窗口。 所有这些都可以通过Interface Builder中的这个简单的小工具进行管理。

左边的框是您决定对象缩放比例的地方，右边的框是动画视图，显示了修改布局框架时对象将如何执行。 左侧的外框是您设置“锚”或对象将锁定在哪一侧的位置。 屏幕尺寸更改时，所选的任何一侧都会使对象粘附到该侧。 内部正方形具有用于拉伸的控件。 当对象锁定在两侧时，屏幕会改变其宽度，然后可以告知对象与屏幕一起拉伸。 值得一试的是这些设置，并查看不同配置的结果。