以下是我想在我的应用中展示的基本示例。
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宽度,我应该提供哪些资产,以及如何命名它们?考虑到点数是奇数,我们如何为iPhone 6(或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, 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 ...