Iconos

Los iconos se pueden especificar utilizando la etiqueta <icon> en el fichero config.xml, por ejemplo:

<icon src="res/icon/ios/icon.png" platform="ios" width="57" height="57" density="mdpi" />

Donde:

  • src: (requerido) localización de la imagen relativa a la carpeta del proyecto.

  • platform: (opcional) plataforma para la que se utilizará el icono.

  • width: (opcional) ancho en píxeles.

  • height: (opcional) alto en píxeles.

  • density: (opcional) Densidad del icono (usado solo en Android).

Para establecer un icono que se utilizará en todas las plataformas podemos establecer la siguiente configuración:

<icon src="res/icon/icon.png" />

En caso de no especificar ningún logo por defecto se utilizará el icono de Apache Cordova.

Podemos utilizar tantas etiquetas como sea necesario para establecer los iconos para cada plataforma, incluso podemos indicar varios para una misma plataforma con distintos tamaños o densidades. Por ejemplo:

<icon platform="android" density="ldpi" src="res/icon/android/ldpi.png" />
<icon platform="android" density="mdpi" src="res/icon/android/mdpi.png" />
<icon platform="android" density="hdpi" src="res/icon/android/hdpi.png" />
<icon platform="android" density="xhdpi" src="res/icon/android/xhdpi.png" />

O si queremos, para clarificar el fichero de configuración, también podemos agrupar estas etiquetas por plataforma, por ejemplo:

<platform name="android">       
    <icon src="res/icon/android/ldpi.png" density="ldpi" />
    <icon src="res/icon/android/mdpi.png" density="mdpi" />
    <icon src="res/icon/android/hdpi.png" density="hdpi" />
    <icon src="res/icon/android/xhdpi.png" density="xhdpi" />
</platform>

Otro ejemplo para establecer todos los iconos de iOS:

<platform name="ios">
    <!-- iPhone 6 Plus  -->
    <icon src="res/icon/ios/icon-60@3x.png" width="180" height="180" />
    <!-- iPhone / iPod Touch  -->
    <icon src="res/icon/ios/icon-60.png" width="60" height="60" />
    <icon src="res/icon/ios/icon-60@2x.png" width="120" height="120" />
    <!-- iPad -->
    <icon src="res/icon/ios/icon-76.png" width="76" height="76" />
    <icon src="res/icon/ios/icon-76@2x.png" width="152" height="152" />
    ...
</platform>

Última actualización