如何确保Xib文件在所有设备上正确显示？

Question

我正在使用适用于iOS 9的Xcode7。我想至少确保它在iphone上正确显示，因为最初我是在为iphone开发应用程序。

目前，对于iPhone 6S来说一切都不错，但对于iPhone 5S来说却非常糟糕。

我包括了各个手机的图像视图（3x，2x和1x）

以下是该问题的一些图片：这是Xib文件，以及在所有设备上的“外观”（仅说Iphone）

这是最终在iphone 5s模拟器上看到的样子：

我的很多观点都发生了这种情况。 抱歉-我知道这有点笨拙，不过请多多指教。

Answer 1

Xcode中有一个预览选项。 您可以在其中添加其他设备并根据设备签出。

编辑：-您可以在.XIB以及情节提要中为选定的viewcontroller做到这一点。

在下图中，我是在XIB中完成的。 （UITableview单元格）

按照Apple文档的步骤进行操作。

PreviewingLayouts。

步骤：-

在Interface Builder中打开一个故事板或xib文件。

选择“视图>助手编辑器>显示助手编辑器”。

与故事板或xib文件相对应的实现文件在助手编辑器中打开。

打开助手弹出菜单。

助手弹出菜单是助手编辑器跳转栏中后退和前进箭头右侧的第一项。

在弹出菜单中，滚动到“预览”项目，然后选择故事板或xib文件。

布局的预览出现在助手编辑器中。 （对于Mac应用，如果未显示预览，请在图标或轮廓视图中选择一个视图。）

选择预览选项。

要以其他本地化预览布局，请从预览右下角的弹出菜单中选择一种语言。

根据您所需的布局添加设备。

注意：-您可以在同一窗口中添加多个设备。

有关更多详细信息，请检查

Answer 2

使用自动版面

从Apple 文档 ：

Auto Layout基于对这些视图施加的约束来动态计算视图层次结构中所有视图的大小和位置。这种基于约束的设计方法允许您构建可动态响应内部和外部更改的用户界面。

入门

您可以通过快速浏览文档链接开始。 但是让我快速了解自动布局的是关于它的出色的iOS Stanford 讲座 。 观看他在示例中的学习，这将帮助您逐步发展。