Apache Cordova
  • Contenidos
  • Introducción
  • Instalación
  • Línea de comandos
    • Crear una aplicación
    • Gestión de plataformas
    • Actualización de Cordova
    • Compilar y probar una aplicación
  • Crear nuestra primera aplicación
  • Configuración
    • Fichero de configuración
    • Iconos
  • Personalizar plataformas mediante merges
  • Almacenamiento
  • Eventos
  • Plugins
    • Gestión de plugins
    • Uso de la API de Cordova
  • Ejercicios 1
  • Ejercicios 2
Con tecnología de GitBook
En esta página

¿Te fue útil?

  1. Configuración

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>
AnteriorFichero de configuraciónSiguientePersonalizar plataformas mediante merges

Última actualización hace 5 años

¿Te fue útil?