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

Question

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

目前iphone 6S看起来一切都很好，但对于Iphone 5s来说它看起来非常糟糕。

我已经为各个手机（3x，2x和1x）提供了图像视图

下面是一些问题的图片： 这是Xib文件，以及它应该如何在所有设备上显示（简单地说Iphone）

这就是它最终在iphone 5s模拟器上的表现：

我的观点中出现了很多这种情况。对不起 - 我知道这很无聊，但我会很感激指导。

Answer 1

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

编辑： - 您可以在.XIB和Storyboard中为选定的viewcontroller执行此操作。

在下图中，我在XIB中完成了它。 （UITableview Cell）

根据Apple的文档，按照以下步骤操作。

<强> PreviewingLayouts.

走一步： -

  

在Interface Builder中打开storyboard或xib文件。

     

选择查看＆gt;助理编辑＆gt;显示助理编辑。

     

与storyboard或xib文件对应的实现文件   在助理编辑中打开。

     

打开“助理”弹出菜单。

     

“助理”弹出式菜单是后面右侧的第一个项目   助理编辑跳转栏中的前进箭头。

     

     

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

     

布局预览显示在助理编辑器中。 （对于Mac   应用程序，如果未出现预览，请选择图标中的视图或   大纲视图。）

     

选择预览选项。

     

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

     

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

  

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

更多细节检查

Answer 2

使用自动布局

来自Apple documentation：

  

自动布局根据对这些视图的约束，动态计算视图层次结构中所有视图的大小和位置......这种基于约束的设计方法允许您构建动态响应内部和内部的用户界面。外部变化。

入门

您可以从快速浏览documentation链接开始。但有助于我快速了解自动布局的东西就是优秀的iOS Stanford Lecture。观察他的例子，这将有助于你提升。