Ionic - Icono de Cordova y pantalla de presentación

Cada aplicación móvil necesita un icono y una pantalla de presentación. Ionic proporciona una excelente solución para agregarlo y requiere un trabajo mínimo para los desarrolladores. El recorte y el cambio de tamaño están automatizados en el servidor Ionic.

Agregar una pantalla de bienvenida y un icono

En los capítulos anteriores, analizamos cómo agregar diferentes plataformas para la aplicación Ionic. Al agregar una plataforma, Ionic instalará el complemento de pantalla de presentación de Cordova para esa plataforma, por lo que no es necesario que instale nada después. Todo lo que necesitamos hacer es encontrar dos imágenes.

Las imágenes deben ser png, psd o aiarchivos. La dimensión mínima debe ser 192x192 para la imagen del icono y 2208 × 2208 para la imagen de la pantalla de presentación. Estas dimensiones cubrirán todos los dispositivos. En nuestro ejemplo, usaremos la misma imagen para ambos. Las imágenes deben guardarse enresourcescarpeta en lugar de las predeterminadas. Una vez que hayamos terminado, todo lo que necesitamos es ejecutar lo siguiente en la ventana del símbolo del sistema.

C:\Users\Username\Desktop\MyApp>ionic resources

Ahora, si miras resources/android o resources/ioscarpetas, verá que las imágenes que agregamos antes cambian de tamaño y se recortan para adaptarse a diferentes tamaños de pantalla. Cuando ejecutamos nuestra aplicación en el dispositivo, veremos una pantalla de presentación antes de que se inicie la aplicación y veremos que se cambia un icono Ionic predeterminado.

NOTE - Si desea utilizar diferentes imágenes para Android e iOS, puede agregarlas a resources/android y resources/ios en vez de resources carpeta.