Custom icon

Iedere app heeft natuurlijk een aangepast icoon nodig. Standaard wordt voor elke app het Cordova-icoon gebruikt. Je kan dit op een zeer eenvoudige manier vervangen door een eigen ontwerp.

Voor het icoon bestaat een zeer handig node-script. Lees voor meer informatie zeker de bijbehorende infopagina.

1. Cordova-res
2. Installeer met volgend commando cordova-res:
   

   $ npm install -g cordova-res

Je kan deze oefening op gelijk welke applicatie uitvoeren. Als voorbeeld gebruiken we de basis-app uit voorgaand hoofdstuk.

cordova-res android --type icon

1. Maak een afbeelding van minimaal 1024x1024 pixels (of download dit voorbeeldbestand icon.png) .
2. Maak in de root van het cordova-project een nieuwe map resources.
3. Bewaar deze afbeelding als icon.png in de map resources.
   
4. Open de terminal op de root-folder van het cordova-project en voer volgend commando uit:
   

   $ cordova-res android --type icon

   Je hoeft dit commando maar eenmalig uit te voeren. Tenzij je een nieuw icoon wilt genereren natuurlijk…
5. De gegenereerde icoontjes zijn aangemaakt in de map resources/android/icon/ en de paden zijn toegevoegd aan config.xml
6. Verbind nu je smartphone via USB met je computer en voer volgend commando uit:
   

   $ cordova run android