Comment définir l'icône et l'écran de démarrage dans Android avec Ionic\Cordova
J'ai un projet Ionic avec la plateforme Android avec Cordova. Je souhaite définir une icône et un écran Splash dans le projet. Pour l'icône, j'ai créé un répertoire et ajouté un logo qui apparaîtra.
res\Android\pkLogo.png
Également ajouté cette ligne dans mon config.xml
<icon src="res/Android/pkLogo.png" platform="Android" width="57" height="57" density="mdpi" />
Mais le problème est que l’icône par défaut d’Apache est visible. Ce que j’ai fait de mal j’ai pris l’aide de ici cordova
Je veux montrer écran d'accueil, comment c'est possible? J'ai beaucoup cherché, trouvé des liens mais je suis le résoudre.
Comment définir l'icône et l'écran de démarrage dans Android avec ionic\cordova
Exécuter ionic cordova resources à partir de la CLI
Après que le dossier suivant sera créé
ressources> Android
ressources> ios
Ajoutez le fichier icon.png et splash.png dans le dossier de ressources et exécutez à nouveau la commande ionic cordova resources. Ou vous pouvez simplement exécuter ionic cordova run <platform> et il générera les fichiers de ressources pour cette plate-forme (iOS, Android, etc.).
Il créera automatiquement une icône et un écran de démarrage et ajoutera également un fichier config.xml. Rien à faire manully. Ionic fera tout automatiquement pour vous.
J'espère que vous vous en sortez bien. Comme vous posez des questions sur les icônes de changement et de lancement du changement, j'essayais également de faire de même. puis je trouve un moyen documenté de Ionic CLI . qui m’aide beaucoup et me permet de gagner du temps aussi . nous avons juste besoin de faire trois étapes simples:
1> créez une image de l’icône de la taille de 192x192 px et enregistrez-la sous le nom de fichier icon.png, icon.psd ou icon.ai dans le répertoire des ressources de la racine du projet.
2> créez une image de l’icône de la taille de 2208x2208 px et enregistrez-la sous le nom de fichier splash.png, splash.psd ou splash.ai dans le répertoire des ressources de la racine du projet.
3> c’est l’étape principale alors lancez cette commande depuis le terminal
ionic resources
vous verrez alors quelques images dans votre référentiel /demoApp/resources/Android/icon et /demoApp/resources/Android/splash.
et si vous souhaitez modifier uniquement l'écran de démarrage, vous devez suivre step 2 avec la commande ionic resources --splash. alors vous pouvez voir votre splash.
ou juste pour l'icône, vous devez suivre uniquement step 1 avec ionic resources --icon.
care Si vous voulez créer séparément les icônes splash et splash, ne suivez pas step 3 signifie que l'étape 3 est utilisée pour générer les deux.
Allez dans le répertoire de votre projet -/resources/Android/icon/ajoutez vos icônes ici en fonction de la taille et des noms requis ci-dessous.
drawable-hdpi-icon.png - 72 * 72
drawable-ldpi-icon.png - 36 * 36
drawable-mdpi-icon.png - 48 * 48
drawable-xhdpi-icon.png - 96 * 96
drawable-xxhdpi-icon.png - 144 * 144
drawable-xxxhdpi-icon.png - 192 * 192
Ajoutez également les icônes dans le répertoire ci-dessous si nécessaire - répertoire du projet-/plates-formes/Android/res/placez les icônes ci-dessus dans un dossier spécifique.
Et exécutez les commandes de terminal ci-dessous pour mettre à jour vos icônes de la même manière que vous pouvez également gérer votre écran de démarrage.
$ ionique construire Android
$ ionique courir Android
Exécuter des ressources ioniques à partir de la CLI
Après que le dossier suivant sera créé
ressources> Android
ressources> ios
Ajoutez le fichier icon.png et le fichier splash.png dans le dossier des ressources, puis exécutez à nouveau la commande ionic resources.
Il créera automatiquement une icône et un écran de démarrage et ajoutera également un fichier config.xml. Rien à faire manully. Ionic fera tout automatiquement pour vous.
Cela fonctionne pour moi, une seule chose
Avant de créer votre application Android, allez sur Éditer les plates-formes/Android/AndroidManifest.xml
et allez à
<application Android:label="@string/app_name">
et ajouter le prochain
<application Android:icon="@drawable/icon" Android:label="@string/app_name">
Cordialement!
Icône Image source Enregistrez un fichier icon.png, icon.psd ou icon.ai dans le répertoire des ressources situé à la racine du projet Cordova. Les dimensions minimales de l’image d’icône doivent être 192x192 px et ne pas avoir de coins arrondis . Ensuite, exécutez cette commande dans votre terminal (cd dans votre répertoire actuel)
$ ionic resources --icon
Image d'écran source Splash avec un fichier splash.png, splash.psd ou splash.ai dans le répertoire des ressources situé à la racine du projet Cordova. Les dimensions de l'écran de démarrage varient en fonction de la plate-forme, du périphérique et de l'orientation. Une image source carrée est donc requise pour générer chacune de différentes tailles. Les dimensions minimales de l’image source doivent être de 2208x2208 px et son illustration doit être centrée dans le carré. Ensuite, exécutez cette commande dans votre terminal (cd dans votre répertoire actuel).
$ ionic resources --splash
Et vous avez terminé.
Reportez-vous à ce lien Écran Ionic Splash et générateur d’icônes .
Pour Android, regardez dans /platform/Android/resPour Ios, regardez dans/plateforme/ios/yourapp/Ressources
J'espère que ça aide
Quand une application est créée pour la première fois, il y a 2 fichiers dans le dossier des ressources, icon.png et splash.png.
Remplacez ces 2 fichiers par l'icône souhaitée et les fichiers splash.
Le nom du fichier doit être identique La taille de icon.png doit être au moins égale à 1024 × 1024 et splash.png à au moins 2732 × 2732 Une fois les fichiers icon.png et splash.png remplacés Suivez ces étapes:
Vous devez avoir un compte Ionic GRATUIT. En effet, la génération/transformation des icônes et des éclaboussures utilise le serveur Ionic.
Sur votre dossier de projet, exécutez la commande suivante:login ionique
Ensuite, entrez votre email et votre mot de passe. Sur le dossier du projet, exécutez (remplacez iOS par Android si vous construisez une application Android): ionic cordova resources ios ressources ioniques cordova Android Ionic transformera vos fichiers icône et splash en différentes versions requises par votre plate-forme cible. Dans le processus, config.xml sera également mis à jour.
Vous pouvez utiliser ionic cordova resources pour générer un écran de démarrage et des icônes pour votre application Android. Cette commande crée les écrans icons et splash sous le dossier Android.
Le dossier icons contient:
drawable-hdpi-icon.png - 72*72
drawable-ldpi-icon.png - 36*36
drawable-mdpi-icon.png - 48*48
drawable-xhdpi-icon.png - 96*96
drawable-xxhdpi-icon.png - 144*144
drawable-xxxhdpi-icon.png - 192*192
Si vous voulez créer uniquement icons, vous pouvez utiliser
ionic cordova resources --icon
Si vous voulez créer uniquement un écran splash, vous pouvez utiliser
ionic cordova resources --splash
MODIFIE L'IMAGE si cette commande ne fonctionne pas (également pour ios):
ionic cordova resources Android --splash --force
et relancez la commande :)
Cela résoudra "l'erreur":
[OK] No need to regenerate images--source files unchanged.
Conseil: modifiez l’image pour chaque plate-forme (même réglez la taille de 1 px), sinon ionic ne détecte pas que le fichier source a changé à chaque nouvelle commande.