c# - 单个 Launchscreen.storyboard 启动图像在 Xamarin 表单中的各种 iOS 设备中未按比例显示

Question

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

我采取的步骤：

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

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

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

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

任何方向表示赞赏。

先感谢您

标签： c#iosxamarinxamarin.formssplash-screen

Answer 1

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

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

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

下图是不同设备的启动图像大小。

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