2015-05-17 17 views
7

Creo la mia app per PhoneGap e tutto funziona, ma lo splash screen mi fa impazzire. Verrà mostrato ma non in proporzioni perfette (testato su nexus 6). Sarà spremuto nella larghezza.phonoegap/cordova splash screen aspect ratio issue

Il mio attuale config.xml splash screen

<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" /> 

Qualsiasi idea di cosa posso fare? 9 patch non funziona per me, non so perché, non capisco quello strumento.

La speranza qualcuno può aiutare

risposta

0

@ user3507915, quando si utilizza una schermata iniziale la dimensione della vostra immagine splashscreen deve adattare il formato dello schermo, altrimenti Android allungherà le immagini (come si sta vedendo).

Nota: a volte il sistema operativo del telefono restituisce le dimensioni e le proporzioni errate. È possibile utilizzare il mio ScreenSize App per controllare le dimensioni dello schermo. Il codice sorgente è disponibile per la richiesta.

13

Modificare questa preferenza su true:

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

Manterrà il vostro rapporto di aspetto schizzi, e rendere l'immagine iniziale riempire lo schermo senza essere allungato. Consideralo come l'equivalente del css style background-size: cover;

+1

Questa dovrebbe essere la risposta selezionata. – Nick

+1

Questo ha funzionato. Grazie uomo! questo dovrebbe essere accettato risposta – Suresh

+0

Ha funzionato. Grazie! – abelabbesnabi

0

per coprire il logo patch-9 in tutte le versioni di Android, ho avuto a che fare:

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

e disattivare il valore maintainAspectRatio:

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