PhoneGap应用程序中的启动屏幕大小

时间:2015-11-06 13:04:59

标签: android phonegap-build splash-screen

我正在尝试在 config.xml 中设置启动画面的宽度和高度。

我正在使用 PhoneGap Build ,而PhoneGap版本是 3.7.0 ,目标是 Andoird

启动画面总是显示非常失真(即它总是会调整大小以适应整个屏幕)。

以下内容无效:

<gap:splash src="./assets/img/logos/appLogo.png" width='200' height='100' />

以下内容并未显示启动画面:

<gap:splash src="./assets/img/logos/appLogo.png" gap:platform="android"  width='200' height='100' />

1 个答案:

答案 0 :(得分:2)

您应该为不同的屏幕尺寸提供不同的闪屏。

根据phonegap wiki(https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes),尺寸应为:

LDPI:
Portrait: 200x320px
Landscape: 320x200px
MDPI:
Portrait: 320x480px
Landscape: 480x320px
HDPI:
Portrait: 480x800px
Landscape: 800x480px
XHDPI:
Portrait: 720px1280px
Landscape: 1280x720px
XXHDPI:
Portrait: 960px1600px
Landscape: 1600x960px
XXXHDPI:
Portrait: 1280px1920px
Landscape: 1920x1280px

您可以将config.xml指向您提供的启动画面,例如:

<gap:splash src="res/screen/splash_ldpi.png"       gap:platform="android" gap:qualifier="port-ldpi" />
<gap:splash src="res/screen/splash_mdpi.png"       gap:platform="android" gap:qualifier="port-mdpi" />
<gap:splash src="res/screen/splash_hdpi.png"       gap:platform="android" gap:qualifier="port-hdpi" />
<gap:splash src="res/screen/splash_xhdpi.png"       gap:platform="android" gap:qualifier="port-xhdpi" />