这是我想在我的应用程序中显示的基本示例。
bg
是必须适合整个屏幕的背景图像left
是宽度适合屏幕左半部分的图像;它的宽高比是正方形的right
是宽度适合屏幕右半部分的图像;它的宽高比是正方形的
在 iPhone 6 之前,我会提供以下内容:
+----------------+------------+-------------+--------------------+
| Asset name | Width (px) | Height (px) | Devices |
+----------------+------------+-------------+--------------------+
| bg.png | 320 | 480 | iPhone 3GS |
| bg@2x.png | 640 | 960 | iPhone 4 |
| bg-568h@2x.png | 640 | 1136 | iPhone 5 |
+----------------+------------+-------------+--------------------+
| left.png | 160 | 160 | iPhone 3GS |
| left@2x.png | 320 | 320 | iPhone 4, iPhone 5 |
+----------------+------------+-------------+--------------------+
| right.png | 160 | 160 | iPhone 3GS |
| right@2x.png | 320 | 320 | iPhone 4, iPhone 5 |
+----------------+------------+-------------+--------------------+
对于新的 iPhone 6 / 6 plus width,我应该提供哪些资产,我应该如何命名它们?考虑到点数是奇数,我们如何为 iPhone 6(或 6 plus 缩放模式)定义“半宽度”?
这是一个建议,但我不确定它是否真的符合惯例:
+-------------------+------------+-------------+----------------------------------------+
| Asset name | Width (px) | Height (px) | Devices |
+-------------------+------------+-------------+----------------------------------------+
| bg.png | 320 | 480 | iPhone 3GS |
| bg@2x.png | 640 | 960 | iPhone 4 |
| bg-568h@2x.png | 640 | 1136 | iPhone 5, iPhone 6 zoom mode |
| bg-667h@2x.png | 750 | 1334 | iPhone 6 |
| bg-667h@3x.png | 1125 | 2001 | iPhone 6 plus zoom mode |
| bg@3x.png | 1242 | 2208 | iPhone 6 plus |
+-------------------+------------+-------------+----------------------------------------+
| left.png | 160 | 160 | iPhone 3GS |
| left@2x.png | 320 | 320 | iPhone 4, iPhone 5, iPhone 6 zoom mode |
| left-375w@2x.png | 375 | 375 | iPhone 6 |
| left-375w@3x.png | 562 | 563 | iPhone 6 plus zoom mode |
| left@3x.png | 621 | 621 | iPhone 6 plus |
+-------------------+------------+-------------+----------------------------------------+
| right.png | 160 | 160 | iPhone 3GS |
| right@2x.png | 320 | 320 | iPhone 4, iPhone 5, iPhone 6 zoom mode |
| right-375w@2x.png | 375 | 375 | iPhone 6 |
| right-375w@3x.png | 563 | 563 | iPhone 6 plus zoom mode |
| right@3x.png | 621 | 621 | iPhone 6 plus |
+-------------------+------------+-------------+----------------------------------------+
请注意,@2x 比例下的 375px 和@3x 比例下的 562 或 563 px 甚至都不是有效的点数。保持整数值的最佳方法是 374/376 @2x 和 561/564px @3x...