iPhone5和iPhone 6图片后缀？答案

【问题标题】：iPhone5 and iPhone 6 images suffix?iPhone5和iPhone 6图片后缀？
【发布时间】：2014-12-29 18:50:02
【问题描述】：

我们正在尝试为所有设备制作应用程序，仅在代码上进行设计。我可以看到后缀是：

@2x~ipad for ipad retina
@2x for iphone5 and iphone6
@3x for iphone6+

但是我不明白，iPhone5 and 6 的文件如何具有相同的后缀和相同的名称？这些图片应该是不同尺寸的，所以你不能给它们起相同的名字吗？

我们为iPhone6 和@2x 创建了图像，它们在iPhone6 模拟器上看起来很棒，但在iPhone5 上看起来不太好并且相互覆盖。

你不能用不同的后缀分隔这些文件吗？

【问题讨论】：

【解决方案1】：

这是因为 iphone 5 和 iphone 6（不包括 plus）具有相同的像素密度。所以基本上一个 40x40 的图像在两个屏幕上看起来都是一样的，并且会占用相同的空间。您只需调整位置以覆盖 iphone 6 屏幕上的额外空间。

【讨论】：

【解决方案2】：

iPhone 5 和 iPhone 6 的图像尺寸相同，DPI 相同。所以它们共享相同的后缀（@2x）。它们不需要分开。

@3x 适用于 iPhone 6+，因为它比其他手机具有更高的 DPI 和更大的尺寸。 Please refer to the Human Interface Guidelines for Images.

【讨论】：

【解决方案3】：

您应该使用布局来确定您的 UI 元素在屏幕上的布局方式，并且您应该使用自动布局来确保它们在所有设备上看起来都正确，与纵横比无关。

@2x、@3x 图像尺寸是指按分辨率分组的设备系列。 iPhone 5 和 iPhone 6 属于同一个系列，iOS 将为两者使用@2x 图像。然而，使用该图像的 UI 元素的大小和位置与图像本身的大小无关。

【讨论】：