¿Alguien podría decirme cómo puedo agregar una pantalla de bienvenida a mi aplicación de Android basada en HTML5 Phonegap? Solo quiero que se muestre durante 5 segundos en carga. Además, ¿alguien puede aconsejar qué dimensiones debe tener la pantalla de bienvenida?
84
Respuestas:
Con el fin de tener una pantalla de bienvenida en una aplicación PhoneGap Android que necesita para poner su
splash.png
archivo enres/drawable-ldpi
,res/drawable-mdpi
,res/drawable-hdpi
,res/drawable-xhdpi
. Donde esos directorios representan puntos por pulgada bajos, medianos, altos y extra grandes. Deberá cambiar el tamaño de su splash.png (el nombre del archivo es importante aquí) para cada directorio o Android lo ampliará por usted.Los tamaños de cada imagen deben ser:
Luego, en su clase principal de Java, la que extiende DroidGap, deberá agregar una línea y modificar otra. Primero agregue:
super.setIntegerProperty("splashscreen", R.drawable.splash);
esta línea debería aparecer debajo
super.onCreate
pero antessuper.loadUrl
. Luego, deberá modificar su método loadUrl para hacer una pausa de 5 segundos antes de cargar la página principal. Se vería así:super.loadUrl("file:///android_asset/www/index.html", 5000);
Eso debería hacerlo por ti.
Recientemente hice algunas actualizaciones sobre cómo funciona SplashScreen en PhoneGap Android. La aplicación principal ahora se carga mientras se muestra la pantalla de bienvenida. Esta es una gran mejora con respecto a la llamada de pantalla de inicio de bloqueo anterior. Lea más sobre los cambios en mi blog .
fuente
La documentación de Phonegap (Apache Cordova) tiene suficientes detalles sobre la pantalla de inicio y diferentes resoluciones para Android e iOS en un solo lugar.
http://docs.phonegap.com/en/2.2.0/cordova_splashscreen_splashscreen.md.html
fuente
En mi aplicación Phonegap, versión de Android, el depurador de Eclipse hace berrinches si configura la pantalla de inicio o incluso el cuadro de diálogo 'carga' antes de llamar a loadUrl.
Ambos funcionarán en la aplicación real instalada en un dispositivo, pero interrumpirán la depuración. Así que los puse detrás de loadUrl, donde no pueden hacer daño y aún se muestran mucho antes que la aplicación.
public class App extends DroidGap { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.loadUrl("file:///android_asset/www/index.html",5000); super.setStringProperty("loadingDialog", "Starting your app..."); super.setIntegerProperty("splashscreen", R.drawable.splash); ... }...
fuente
También me he enfrentado a este problema en phonegap android ... pero ahora tengo una solución.
super.setIntegerProperty("splashscreen", R.drawable.splash);(find image under drawable folder named splash,so put splash.png under drawable folder) super.loadUrl("file:///android_asset/www/index.html",15000);(splash screen will show 15 sec.
Edite su archivo java principal en la carpeta src en el directorio de su proyecto.
public class radiobiafra extends DroidGap { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.setIntegerProperty("splashscreen", R.drawable.splash); super.loadUrl("file:///android_asset/www/index.html",15000); } }
fuente
platforms/android/src/com/[your app name]/[Your App Name.java
Probablemente esto cubra sus necesidades. Le permite personalizar y agregar todas las configuraciones, imágenes y pantallas de bienvenida de config.xml relevantes en una interfaz agradable e intuitiva.
Recomiendo descargar el archivo e instalarlo manualmente. El instalador de aire basado en web no parece funcionar.
http://aj-software.com/configap/index.html
fuente
Usando Cordova> = 3.6 y compilando su aplicación con la interfaz de línea de comandos de Cordova, es posible configurar la pantalla de
config.xml
presentación desde el archivo. Este es un ejemplo para Android:<platform name="android"> <!-- you can use any density that exists in the Android project --> <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/> <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/> <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/> <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/> <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/> <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/> <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/> <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/> </platform> <preference name="SplashScreenDelay" value="10000" />
También hay un complemento dedicado para mostrar / ocultar la pantalla de bienvenida mediante programación.
Consulte la documentación de Cordova para obtener más información.
fuente