1

这是我想在我的应用程序中显示的基本示例。

  • 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...

4

0 回答 0