Cómo modificar el ícono cuando ionic agrega la plataforma ios

Dado que Ionic ha actualizado la herramienta de línea de comandos, será sencillo modificar el ícono de la aplicación y agregar una pantalla de inicio en el futuro. El último método se muestra en la parte inferior:

. Icono de aplicación:

1. Cree una carpeta res debajo de la carpeta donde se encuentra todo el proyecto y cree dos carpetas android e ios dentro.

2. Para la plataforma Android: coloque el icono de inicio que queremos reemplazar en la carpeta de Android. Se pueden nombrar respectivamente: mdpi.png(48*48), hdpi(72*72), xhdpi(96*96), xxhdpi(144*144) y xxxhdpiI(192*192).

Para ios, por añadir.

3. Agregue

< / p>

La ruta de la imagen en src es la ruta relativa de todo el proyecto.

Fui vago aquí y solo agregué un ícono de aplicación con la densidad de píxeles más alta (192px*192px lo comprimirá automáticamente).

Por cierto, si quieres modificar el nombre de la aplicación, simplemente modifica el contenido en la etiqueta de nombre.

Si vuelves a ejecutar ionic run android en la línea de comando, verás que el ícono y el nombre de la aplicación han sido reemplazados.

Pantalla de presentación:

Copie la imagen de la pantalla de presentación a la carpeta anterior de Android, splash-land-hdpi.png (640*480) splash-land-ldpi.png ( 426 × 320) splash-land-mdpi.png (470 × 320) splash-land-xhdpi.png (960 × 720) splash-port-hdpi.png (480*640) splash-port-ldpi.png (320 * 426) splash-port-mdpi.png (320*470) splash-port-xhdpi.png (720*960)

(El nombre puede ser arbitrario, siempre que corresponda a config.xml) .

Agregar en config.xml

< preferencia name="SplashScreen" value="screen"/>

La unidad de 10000 es milisegundos, es decir , 10 Oculta la pantalla de presentación después de unos segundos. Si no escribe la tercera frase, quedará oculta durante 3 segundos de forma predeterminada.

Como se muestra en la siguiente imagen:

No tengo tantas imágenes con resoluciones aquí, así que encontré una al azar con una resolución un poco mayor y no escribí densidad. Copiará automáticamente la imagen a la carpeta dibujable.

En este momento, vuelva a ejecutar el programa y verá la pantalla de inicio.

Utilizando el método anterior, la duración de visualización de la pantalla de inicio es fija, lo que obviamente no es muy amigable.

Continuará...

El método anterior se puede generar automáticamente usando la herramienta de línea de comando Ionic. Los pasos son los siguientes:

1. En. el directorio raíz del proyecto Crear carpeta de recursos en.

2. Coloque icon.png (icono de aplicación, mínimo 192x192px, sin esquinas redondeadas) y splash.png (pantalla de inicio, mínimo 2208x2208px, área media 1200x1200px) en la carpeta (puede ser png, psd, ai )

3. Ingrese a la carpeta donde se encuentra el proyecto en cmd y ejecute:

recursos iónicos

Después de ejecutar este comando, el archivo de recursos se creará automáticamente. Cree una carpeta con el nombre de la plataforma agregada debajo de la carpeta, como Android, en la que las imágenes se escalarán y recortarán automáticamente para generar imágenes de diferentes resoluciones, y el contenido correspondiente se agregará a config.xml.

También se puede ejecutar por separado:

recursos iónicos --icon

recursos iónicos --splash

Nota: Al ejecutar el comando anterior, ¡En línea!