Ionic - Icône Cordova et écran de démarrage
Chaque application mobile a besoin d'une icône et d'un écran de démarrage. Ionic fournit une excellente solution pour l'ajouter et nécessite un minimum de travail pour les développeurs. Le recadrage et le redimensionnement sont automatisés sur le serveur Ionic.
Ajout d'un écran de démarrage et d'une icône
Dans les chapitres précédents, nous avons expliqué comment ajouter différentes plates-formes pour l'application Ionic. En ajoutant une plate-forme, Ionic installera le plugin d'écran de démarrage Cordova pour cette plate-forme afin que nous n'ayons pas besoin d'installer quoi que ce soit par la suite. Il suffit de trouver deux images.
Les images doivent être png, psd ou aides dossiers. La dimension minimale doit être de 192x192 pour l'image de l'icône et de 2208 × 2208 pour l'image de l'écran de démarrage. Ces dimensions couvriront tous les appareils. Dans notre exemple, nous utiliserons la même image pour les deux. Les images doivent être enregistrées dansresourcesdossier au lieu de ceux par défaut. Une fois que nous en avons terminé, tout ce dont nous avons besoin est d'exécuter ce qui suit dans la fenêtre d'invite de commande.
C:\Users\Username\Desktop\MyApp>ionic resources
Maintenant, si vous vérifiez resources/android ou resources/iosdossiers, vous verrez que les images que nous avons ajoutées auparavant sont redimensionnées et recadrées pour s'adapter à différentes tailles d'écran. Lorsque nous exécutons notre application sur l'appareil, nous verrons un écran de démarrage avant le démarrage de l'application et nous verrons qu'une icône Ionic par défaut est modifiée.
NOTE - Si vous souhaitez utiliser différentes images pour Android et iOS, vous pouvez l'ajouter à resources/android et resources/ios à la place du resources dossier.