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;

Answer 2

要覆盖所有Android版本中的patch-9徽标，我必须这样做：

<preference name="SplashScreen" value="background" />

并禁用MaintainAspectRatio值：

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

Answer 3

@ user3507915，使用启动画面时，启动画面图像的大小必须与屏幕尺寸相匹配，否则Android会拉伸图像（如您所见）。

请注意，有时手机操作系统将返回错误的大小和宽高比。 您可以使用我的ScreenSize App检查您的屏幕尺寸。 源代码可用于询问。