Phonegap no trae por defecto una splash screen creada por lo que, si queremos que nuestra app tenga una, tendremos que hacerla nosotros. Es bastante rápido y sencillo:

1.- El primer paso es tener un proyecto creado y la imagen que usaremos de splash screen preparada. Hay que tener en cuenta que dependiendo de la resolución de las pantallas de los dispositivos móviles nos convendría crear una misma imagen pero de diferentes tamaños para ajustarla.

2.- A continuación, copiamos la imagen que usaremos de splash screen en la ruta “res -> drawable-xxxx” donde xxxx indica las diferentes resoluciones de pantalla.

Splash screen

Splash screen

3.- Después, abrimos el archivo “MyPhoneGapActivity.java” que está en la ruta “src -> extension.dominio.nuestrapp” y añadimos esta linea antes de la función “loadUrl”: “super.setIntegerProperty(“splashscreen”, R.drawable.pantalla_bienvenida);” En mi caso, “pantalla_bienvenida” es el nombre que le he dado a la imagen.

4.- Por último modificamos la linea de la función “loadUrl” para añadirle los milisegundos que queremos que tarde en cargar nuestra aplicación (en mi caso he puesto 5000), es decir, lo que estamos haciendo es retrasar el inicio de nuestra app. Así es como quedaría:

Función modificada para añadir splash screen

Función modificada para añadir splash screen

Ya tenemos creada nuestra splash screen así que solo queda probarla en el emulador o en un dispositivo móvil.

4 Thoughts on “Añadir una splash screen a nuestra app con Phonegap

  1. Miguel on 7 junio, 2013 at 11:20 said:

    no me funciona, no hay que poner nada en el manifest?

    • ivillarroel on 7 junio, 2013 at 11:51 said:

      Hola Miguel,
      No hace falta añadir nada en el manifest. Tal y como está en el tutorial debería funcionarte. Lo que sí me he dado cuenta es que al copiar y pegar este código, las comillas dobles que engloban la palabra splashscreen no se copian bien. “super.setIntegerProperty(“splashscreen”, R.drawable.pantalla_bienvenida);”

      Comprueba a ver si puede ser por eso porque yo he tenido ese problema solo.

      Saludos!

  2. omar gutierrez on 12 diciembre, 2016 at 0:06 said:

    hola sera que cuando carga la imagen del splash no se puede poner un texto que diga esta cargando o lo que se quiera poner

    • Hola Omar,

      La idea de hacer splash screen es poner una imagen mientras carga la aplicación. Siempre es únicamente una imagen por eso se llama Splash Screen. Si quieres poner un texto que diga que está cargando te recomiendo modificar la imagen para que incluya ese texto. Esto además puede quedar mejor ya que podrías poner con una tipografía más adecuada a la app que estás haciendo.

      Saludos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Post Navigation

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies