phonegap 构建 ios 闪屏

Posted 2023-03-15

【中文标题】phonegap 构建 ios 闪屏

【英文标题】：phonegap build ios splashscreen

【发布时间】：2014-03-03 04:32:43

【问题描述】：

我已经使用 Phonegap 构建了一个应用程序，并试图让启动屏幕在每台设备上都能正常工作。以下是我将它们包含在我的 config.xml 中的方式：

<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-portrait-2x.png"  />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-portrait.png"  />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-landscape-2x.png"  />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-landscape.png"  />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-landscape-2x.png"  />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-landscape.png"  />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-portrait-2x.png"  />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-portrait.png"  />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-portrait-568h-2x.png"  />

并且所有图像都存在于正确的文件夹中。

我遇到的问题是，在我的 iPad 上，在横向模式下会出现正确的初始屏幕 - 但在纵向中似乎会出现相同的初始屏幕（拉伸并裁剪以适合）

如何获得正确的启动画面？

【参考方案1】：

我发现了这个问题，

我在每一行上设置了高度属性，并意识到其中一个图像的尺寸不正确：

<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-landscape.png"   />

我应该有的时候：

<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-landscape.png"   />

我很愚蠢，但希望这对其他人有所帮助。

【参考方案2】：

将此用于IOS -

<gap:splash src="res/screen/ios/screen-iphone-portrait.png" gap:platform="ios"   />
<gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios"   />
<gap:splash src="res/screen/ios/screen-ipad-portrait.png" gap:platform="ios"   />
<gap:splash src="res/screen/ios/screen-ipad-landscape.png" gap:platform="ios"   />