Share
Vous pouvez ajouter de la valeur à n'importe quel produit en donnant à l'interface utilisateur un aspect professionnel. Lorsque les utilisateurs apprécient ce qu’ils voient dans l’interface utilisateur d’une application, ils sont beaucoup plus susceptibles de l’installer. Votre application Android doit suivre un ensemble de règles définies pour la conception, la couleur, l'icône et d'autres éléments d'interface utilisateur. Dans cet article, nous nous en tiendrons aux icônes, en particulier à la icône de lanceur, pour votre application Android.
Les icônes d'une application Android sont divisées en plusieurs catégories. Ceux-ci inclus:
Vous pouvez en savoir plus sur ces catégories d'icônes en consultant d'autres applications. Voici un exemple des icônes WhatsApp:
Maintenant, créer ces icônes peut sembler facile si vous êtes un designer, ou si vous êtes un développeur qui a un designer dans votre équipe. Mais ce n'est pas aussi facile qu'il y paraît. Vous devrez créer des icônes pour chaque dimension, en fonction de la résolution et de la densité de l'écran du périphérique Android. Pour vous donner une idée de la quantité de travail que cela peut être, voici la liste des tailles pour lesquelles vous devez créer l'icône du lanceur si vous souhaitez le faire de manière traditionnelle:
| Densité | Icône |
|---|---|
| ldpi | 36 x 36 px |
| mdpi | 48 x 48 px |
| tvdpi | 64 x 64 px |
| hdpi | 72 x 72 px |
| xhdpi | 96 x 96 px |
| xxhdpi | 144 x 144 px |
| xxxhdpi | 192 x 192 px |
| Web | 512 x 512 px |
Et ce n'est que l'icône du lanceur. Il existe une liste similaire pour chaque catégorie d'icône. Mais heureusement, Android Studio nous fournit un outil appelé Image Asset Studio qui gère très facilement la création d'icônes pour toutes les densités d'écran.
Android Studio 3 a lancé Image Asset Studio pour créer des icônes pour votre application. Il s’occupe de générer des icônes d’application de résolution appropriée pour différentes densités d’écran et de les placer dans le mipmap-densité dossiers dans le Ressource annuaire. Il génère également l'icône pour le Web (512 x 512 px) nécessaire au téléchargement de l'application sur le Google Play Store. Ces icônes sont ensuite récupérées dans les dossiers en fonction de la densité d'écran des périphériques lors de l'exécution..
Pour icônes de lanceur adaptatif, Image Asset Studio fournit un aperçu complet du jeu d'icônes, qui comprend également les versions cercle, carré, carré arrondi, rond, fond perdu, icône héritée, arrondi et Google Play Store..
Pour anciennes icônes de lanceur, Par contre, les appareils ne supportent pas les icônes de formes variées. Donc, un ensemble d'icônes plus restreint sera généré.
Voyons comment créer un jeu d'icônes à l'aide d'Image Asset Studio..
Pour démarrer Image Asset Studio, sélectionnez Android dans le Fenêtre de projet. Clic droit sur le res dossier et sélectionnez Nouveau > Image Asset. Vous avez maintenant ouvert Image Asset Studio. Vous pouvez maintenant créer une icône Adaptive Launcher ou Legacy Only Launcher selon vos besoins..
Vous utiliserez ce type d'icône pour la prise en charge d'Android 8.0.
Tout d'abord, sélectionnez Icônes du lanceur (adaptatif et hérité) pour le type d'icône. Changer la prénom de l'icône si vous souhaitez. Si le nom existe déjà, il y aura un avertissement au bas de la boîte de dialogue vous informant que le nom existant sera écrasé..
dans le Couche de premier plan onglet, sélectionnez le type d'actif:
De même, dans le Couche de fond onglet, vous pouvez sélectionner un Image, Clipart, ou Texte type d'actif.
Pour les calques de premier plan et d’arrière-plan, vous disposez également des paramètres facultatifs suivants:
le Héritage languettevous permet de décider de générer également une icône héritée. Ici, vous pouvez choisir si vous souhaitez générer une icône héritée, une icône Google Play Store et une icône ronde, ainsi que la forme à utiliser pour chacune d'elles..
C’est le genre d’icône que vous allez créer si vous souhaitez prendre en charge des versions d’Android inférieures ou égales à 7.1..
Tout d'abord, sélectionnez Icônes du lanceur (héritage uniquement) pour le type d'icône. Vous pouvez changer le prénom de l'icône à ce moment si vous souhaitez. Si le nom existe déjà, il y aura un avertissement au bas que le nom existant sera écrasé. Sélectionnez le Type d'actif et configurer les paramètres associés.
Vous pouvez également configurer certains paramètres facultatifs pour l'apparence de l'icône:
Toute modification apportée sera reflétée dans la section de prévisualisation. Une fois satisfait de l'apparence de votre icône, cliquez sur Suivant.
Vous serez ensuite amené à l’écran des paramètres, où vous pourrez changer le Répertoire de ressources où vos icônes seront émises. Mettez à jour si vous voulez. Voici les options disponibles:
Enfin, terminez en appuyant sur terminer.
Nous sommes maintenant prêts avec notre nouvelle icône de lanceur dans tous les dossiers respectifs. Le nom de mon icône de lanceur est ic_launcher_demo. Vous pouvez voir toutes les icônes générées pour cette icône dans la capture d'écran ci-dessous..
Maintenant il est temps de mettre à jour le AndroidManifest fichier afin que notre application sache utiliser la nouvelle icône. Pour commencer, ouvrez votre AndroidManifest.xml fichier. Ici, l'icône de lanceur par défaut est définie sur les lignes 7 et 9. Vous devez la mettre à jour avec la nouvelle icône que vous avez créée..
Changement Android: icône et Android: roundIcon au nom que vous avez choisi pour l'icône de votre lanceur.
android: icon = "@ mipmap / ic_launcher_demo" android: roundIcon = "@ mipmap / ic_launcher_demo_round"
Toutes nos félicitations! Vous avez mis à jour avec succès l'icône du lanceur pour votre application..
Dans cet article, vous avez découvert les différents types d'icônes utilisées dans une application Android, ainsi que les différentes résolutions d'écran à générer pour chaque icône. Ensuite, vous avez découvert l'outil Image Asset Studio et comment il facilite beaucoup la génération d'icônes pour votre application Android..
Accentsconagua