单个 Launchscreen.storyboard 启动图像在 Xamarin Forms 的各种 iOS 设备中未按比例显示答案

【问题标题】：Single Launchscreen.storyboard splash image not displaying proportionally in various iOS devices in Xamarin Forms单个 Launchscreen.storyboard 启动图像在 Xamarin Forms 的各种 iOS 设备中未按比例显示
【发布时间】：2020-11-25 12:02:03
【问题描述】：

我正在使用带有 Xamarin 表单的 Visual Studio 2019。我无法将单个图像（尺寸 640x1136）作为初始屏幕图像在 iOS 设备上正确显示（它显示但不按设备比例显示）。我希望图像根据屏幕自动调整大小为全屏。如果我让它在 iOS 设备上完美运行（比如 iPhone 8），在编辑 launchscreen.storyboard 时，它看起来会向左倾斜或被切断。

我已采取的步骤：

我编辑了 launchscreen.story 板>
为 iOS 设备（比如 iPhone 8 Plus）选择一张图片
当图像突出显示时，我选择布局>填充父按钮和位置按钮。现在我的初始图像非常适合我的设备（使用整个屏幕）保存。

现在，在情节提要中，我选择了另一台 iOS 设备（比如 iPhone 11）图像显示不正确。实际上是保存下来的，特别是iOS 8的屏幕设置，所以图片和新的iOS设备不成比例。

如何让每个设备在 launchscreen.storyboard 中为同一图像设置不同的图像？

我尝试单击“编辑特征”按钮，并使用相同的图像，但存在相同的问题。

任何方向表示赞赏。

提前谢谢你

【问题讨论】：

在 iPhone 8 上，我们需要提供一个带有高 Scale Factor *(@2x) 的图像或图标。也就是说图像的大小应该是 750 x 1334 (Portrait) 。有关 iOS 应用图标和启动图像大小的更多详细信息，您可以查看medium.com/@jigarm/…。
谢谢 - 这为我指明了正确的方向。
我会把它作为答案发布，你能接受吗？这将帮助更多有类似问题的人

标签： c# ios xamarin xamarin.forms splash-screen

【解决方案1】：

在 iOS 中，我们需要提供不同尺寸的相同 Image 以适应不同的设备。

iOS 设备有多种屏幕尺寸，可以纵向或横向使用。在 iPhone X 和 iPad Pro 等无边框设备中，显示屏的圆角与设备的整体尺寸非常匹配。 iPhone SE 和 iPad Air 等其他设备具有矩形显示屏。

如果您的应用在特定设备上运行，请确保它可以在该设备的每个屏幕尺寸上运行。

下图是不同设备的启动图片尺寸。

在您的情况下，iPhone 8 需要具有高比例因子 *(@2x) 的图像或图标。也就是说图片的尺寸应该是 750 x 1334 (Portrait) 。 640x1136 适用于 iPhone 5(5s)。

【讨论】：