phonegap / cordova闪屏宽高比问题

时间:2015-05-17 18:56:59

标签: android cordova splash-screen

我创建了我的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补丁对我不起作用,我不知道为什么,我不明白这个工具。

希望有人可以提供帮助

3 个答案:

答案 0 :(得分:20)

将此首选项更改为true:

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

它将保持您的初始宽高比,并使启动图像填满您的屏幕而不会被拉伸。可以把它想象成css风格的背景大小:cover;

答案 1 :(得分:1)

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

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

并禁用MaintainAspectRatio值:

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

答案 2 :(得分:-1)

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

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