Question

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

<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-portrait-2x.png" width="1536" />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-portrait.png" width="768" />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-landscape-2x.png" width="2048" />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-ipad-landscape.png" width="1024" />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-landscape-2x.png" width="960" />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-landscape.png" width="480" />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-portrait-2x.png" width="640" />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-portrait.png" width="320" />
<gap:splash gap:platform="ios" src="res/screen/ios/screen-iphone-portrait-568h-2x.png" width="320" />

所有图片都存在于正确的文件夹中。

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

如何显示正确的启动画面？

Answer 1

我发现了这个问题，

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

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

我什么时候应该：

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

我很愚蠢，但希望这有助于其他人。

Answer 2

将其用于IOS -

<gap:splash src="res/screen/ios/screen-iphone-portrait.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="res/screen/ios/screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="res/screen/ios/screen-ipad-landscape.png" gap:platform="ios" width="1024" height="768" />

phonegap构建ios splashscreen

2 个答案: