iOS全屏背景图适配所有屏幕尺寸

Question

我正在尝试为我的应用程序设置一个背景图像，使其能够适应4, 4.7和5.5英寸屏幕。

• 我在XCode 6中使用Swift进行开发。
• 我创建了一个640 x 1136的图像，并将@1x、@2x和@3x图像复制到我的images.xcasetts文件夹中。我选择了“拉伸以填充”模式来显示图像。
• 我在main.storyboard文件中为4英寸屏幕创建了一个UIImage。当我构建时，这个图像可以很好地填充整个屏幕。
• 我认为我已经尝试了各种高度/宽度/长宽比的限制，但都没有成功。

- rcrusoe

---

你是否为 UIImage 添加了自动布局约束？ - Koen.

你没有提到问题是什么。你可能想要设置UIImageView的约束条件，以便它可以随着不同屏幕尺寸的变化而增长或缩小。 - EricS

640 x 1136 是两个4英寸屏幕的尺寸。这个分辨率不适用于iPhone 6和iPhone 6+。拉伸图像会导致模糊的结果。 - Léo Natan

@Koen 我尝试添加各种高度/宽度/纵横比约束，但这只导致图像奇怪地缩放而没有填充屏幕。 - rcrusoe

问题：我可以让图像填充4英寸的屏幕，但我无法让它缩放以填充4.7或5.5英寸的屏幕。 - rcrusoe

Answer 1

4和4.7使用@2x，5.5使用@3x，请查看屏幕截图的详细信息。

您可以从Ugur Akdemir的Dribble下载此屏幕截图的PDF原始文件。

- Allen

---

那么请解释一下图像尺寸应该是多少（适用于iOS >=7）？请记住，iOS >= 7可以安装在iPhone 4、5、6和6 Plus上。 - Asif Bilal

Answer 2

你可以使用这个解决方案：http://codemotionapps.com/get-assets-ready-ios8-iphone-6-plus/

我在免费的Inkscape编辑器中创建了矢量渐变，并将其导出为PDF（我的PDF文件大小为4Kb）。然后，我将此PDF添加到我的项目中的Images.xcassets中并选择它。在比例因子的属性检查器中选择单个矢量。当应用程序编译时，PDF会生成所有必要分辨率的PNG，包括@1x、@2x、@3x等等 :-)

- qwerty-reloader