phonegap – pantalla de presentación para la aplicación de Android

¿Podría alguien avisar cómo puedo agregar una pantalla de inicio a mi aplicación Android basada en HTML5 Phonegap? Solo quiero que se muestre durante 5 segundos con la carga. Además, ¿alguien puede indicar qué dimensiones debería tener la pantalla de bienvenida?

Para tener una pantalla de presentación en una aplicación Android de PhoneGap, necesitas poner tu archivo splash.png en res/drawable-ldpi , res/drawable-mdpi , res/drawable-hdpi , res/drawable-xhdpi . Donde esos directorios representan puntos bajos, medios, altos y extra grandes por pulgada. Tendrá que cambiar el tamaño de splash.png (el nombre del archivo es importante aquí) para cada directorio o Android lo estirará por usted.

Los tamaños de cada imagen deberían ser:

  • xlarge (xhdpi): al menos 960 x 720
  • grande (hdpi): al menos 640 x 480
  • medio (mdpi): al menos 470 x 320
  • pequeño (ldpi): al menos 426 x 320

Luego, en tu clase Java principal, la que extiende DroidGap, necesitarás agregar una línea y modificar otra. Primero agregue:

 super.setIntegerProperty("splashscreen", R.drawable.splash); 

esta línea debería aparecer bajo super.onCreate pero antes de super.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 realicé 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 locking anterior. Lea más sobre los cambios en mi blog .

La documentación de Phonegap (Apache Cordova) contiene suficientes detalles sobre la pantalla de inicio y diferentes resoluciones para Android e iOS en un solo lugar.

http://docs.phonegap.com/es/2.2.0/cordova_splashscreen_splashscreen.md.html

En mi aplicación Phonegap, versión de Android, el depurador de Eclipse genera rabietas si configuras la pantalla de bienvenida o incluso el cuadro de diálogo de “carga” antes de llamar a loadUrl.

Ambos funcionarán en la aplicación real instalada en un dispositivo, pero romperán su depuración. Así que los puse detrás de loadUrl, donde no pueden hacer daño y aún se muestran bien antes de 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); ... }... 

También me he enfrentado a este problema en phonegap android … pero ahora tengo 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 su directorio de proyectos.

 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); } } 

Esto probablemente satisfará tus necesidades. Te permite personalizar y agregar todos los ajustes config.xml relevantes, imágenes y splashscreens en una interfaz intuitiva agradable.

Recomiendo descargar el archivo e instalarlo manualmente. El instalador de air basado en la web no parece funcionar.

http://aj-software.com/configap/index.html

Usando Cordova> = 3.6, y construyendo su aplicación con la Interfaz de línea de comandos de Cordova, es posible configurar la pantalla de bienvenida desde el archivo config.xml . Este es un ejemplo para Android:

             

También hay un complemento dedicado para mostrar / ocultar la pantalla de bienvenida mediante progtwigción.

Consulte la documentación de Cordova para obtener más información.