phonegap/cordova闪屏宽高比问题

Question

我创建了我的phonegap应用程序,并且每件事都有效,但是启动画面让我发疯.它将显示但不是完美的宽高比(在nexus 6上测试).它将被挤压在宽度上.

我目前的启动画面config.xml

<gap:splash src="www/res/screen/android/land_xxhdpi.png" />
<gap:splash src="www/res/screen/android/ldpi.png" gap:platform="android" gap:qualifier="port-ldpi"/>
<gap:splash src="www/res/screen/android/mdpi.png" gap:platform="android" gap:qualifier="port-mdpi"/>
<gap:splash src="www/res/screen/android/hdpi.png" gap:platform="android" gap:qualifier="port-hdpi"/>
<gap:splash src="www/res/screen/android/xhdpi.png" gap:platform="android" gap:qualifier="port-xhdpi"/>
<gap:splash src="www/res/screen/android/xxhdpi.png" gap:platform="android" gap:qualifier="port-xxhdpi"/>
<gap:splash src="www/res/screen/android/land_ldpi.png" gap:platform="android" gap:qualifier="land-ldpi"/>
<gap:splash src="www/res/screen/android/land_mdpi.png" gap:platform="android" gap:qualifier="land-mdpi"/>
<gap:splash src="www/res/screen/android/land_hdpi.png" gap:platform="android" gap:qualifier="land-hdpi"/>
<gap:splash src="www/res/screen/android/land_xhdpi.png" gap:platform="android" gap:qualifier="land-xhdpi"/>
<gap:splash src="www/res/screen/android/land_xxhdpi.png" gap:platform="android" gap:qualifier="land-xxhdpi"/>

<preference name="SplashScreenBackgroundColor" value="#e8413d" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3500" />
<preference name="SplashMaintainAspectRatio" value="false" />

知道我该怎么办？9补丁不适合我,我不知道为什么,我不明白这个工具.

希望有人可以提供帮助

Answer 1

将此首选项更改为true:

<preference name="SplashMaintainAspectRatio" value="true" />

它将保持您的飞溅纵横比,并使飞溅图像填满您的屏幕而不会被拉伸.可以把它想象成css风格的背景大小:cover;