适用于所有屏幕尺寸的 iOS 全屏背景图像

Posted 2023-02-25

【中文标题】适用于所有屏幕尺寸的 iOS 全屏背景图像

【英文标题】：iOS full screen background image for all screen sizes

【发布时间】：2014-12-26 01:18:55

【问题描述】：

我正在尝试为我的应用程序设置一个背景图像，该图像可以缩放以填充 4、4.7 和 5.5 英寸的屏幕。

我正在使用 swift 在 XCode 6 中工作 我创建了一个 640 x 1136 的图像，并在我的 images.xcasetts 文件夹中粘贴了 @1x、@2x 和 @3x 图像。我为图像视图选择了“缩放填充”模式。 我在 main.storyboard 文件中为 4 英寸屏幕创建了一个 UIImage。当我构建时，这张图片可以很好地填满屏幕。 我想我已经尝试了几乎所有高度/宽度/纵横比约束的组合，但没有成功。

【问题讨论】：

您是否为 UIImage 添加了自动布局约束？

你没有提到问题是什么。您可能希望在 UIImageView 上设置约束，以便它随着不同的屏幕尺寸而增长或缩小。

640 x 1136 是 2x 4" 屏幕的尺寸。此分辨率不适用于 iPhone 6、iPhone 6+。拉伸图像会导致结果模糊。

@Koen 我尝试添加高度/宽度/纵横比约束的各种组合，但这只会导致图像在没有填满屏幕的情况下奇怪地缩放。

@EricS 问题：我可以让图像填满 4" 屏幕，但我不能让它缩放以填满 4.7 或 5.5" 屏幕。

【参考方案1】：

4和4.7使用@2x，5.5使用@3x，详情请看截图。

您可以从Ugur Akdemir's Dribble 下载作为此屏幕截图来源的 PDF。

【讨论】：

那么请解释一下图像尺寸是多少：（对于 ios >=7）？请记住，iOS >= 7 可以安装在 iPhone 4、5、6 和 6 Plus 上。

【参考方案2】：

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

我在免费的 Inkscape 编辑器中创建了矢量渐变并导出为 PDF（我的 PDF 文件大小为 4Kb）。然后我将此 PDF 添加到项目中的 Images.xcassets 并选择它。在 Scale Factors 的 Attributes inspector 中选择 Single Vector。编译应用程序后，PDF 会为所有分辨率 @1x、@2x、@3x 和其他分辨率生成 PNG :-)