iOS:为应用程序准备背景图像

Question

大多数iOS应用程序都有一个以图像为背景的视图.那里有图像尺寸指南吗？例如,这是在Sketch中设计的iOS屏幕:

如您所见,有一个背景图像.现在每个应用程序都应该支持许多Apple设备.新的iOS 10支持从iPhone 5到iPhone 6s Plus的所有设备.它们具有不同的屏幕尺寸和分辨率.在创建Xcode资产时,我给出了3个不同大小的背景图像 - @1x, @2x, @3x.它们的尺寸应该是多少？

Answer 1

我看到它的方式你有2个选择:

1. 在这里你会发现iPhone的分辨率:

• 您不需要@ 1图像,因为您不支持iPhone 4和4s (iOS 10).
• @ 2适用于iPhone 5,5c,5S,6和6s,因此基本上你可以创建最高分辨率的@ 2图像,即iPhone 6,这个图像适用于iPhone 5系列.
• 或者,您可以为每个iPhone创建具有分辨率的图像,并使用硬编码逻辑为每个手机设置图像.即:if iphone5c { setImage("iphone5cImage") }等等..

2. 最简单的解决方案是创建具有最高分辨率的1张图像.@ 3是iPhone 6S +中最高的,其余部分看起来都很棒.不要忘记将图像视图设置为纵横填充.

此外,不要忘记检查此线程:如何在所有可用的iPhone分辨率上处理图像比例？.它将为您提供您正在处理的具体线索.TL; DR,这是我写的选项.

Answer 2

您只需要提供的背景图像是@ 2x和@ 3x,因为@ 1x设备现在已经在历史的尘封页面中消失了.

说到@ 2x和@ 3x,你给开发者的图像分辨率应该与使用给定大小的最高分辨率的iPhone相同.

为@2x,这是iPhone 6,它是750x1334和用于@3x,在iPhone 6+是1242x2208.

缩小应该不是问题,因为支持iOS 10的所有iPhone的宽高比是相同的(16:9).

开发人员注意事项:

The UIImageView will then down-scale the images appropriately,
provided: 

1. you created an image set with the provided @2x and @3x images, 
2. correctly constrainted the UIImageView to the edges of the superview, and
3. selected the Content Mode of the UIImageView as Scale to Fill or Aspect Fill.