Icône de l'application
Remonter à Options de l'application
Projet > Options > Application > Icônes
Les icônes identifient l'application dans la liste des applications, la page d'accueil ou le menu Démarrer. Les options disponibles dépendent du type de projet que vous êtes en train de développer. Voici les principales options :
- Plates-formes de bureau (VCL ou FireMonkey)
- iOS (FireMonkey seulement)
- Android (FireMonkey seulement)
Plates-formes de bureauf
Pour une application multi-périphérique, la page Application vous permet de parcourir les répertoires et de spécifier un fichier icône (.ico
) pour représenter votre application Windows dans la barre des tâches.
Vous devez utiliser un fichier .ico
pour une application Windows ; les autres types de fichiers graphiques ne sont pas acceptés. Vous pouvez utiliser IcoFX pour créer un fichier .ico
.
Icône unique
L'expert Icône unique est un outil complet intégré à l'environnement de développement intégré (EDI), conçu pour rationaliser le processus de génération d'icônes et d'écrans d'accueil pour les applications utilisateur sur plusieurs plates-formes dans les applications multi-périphériques ou les applications VCL Windows.
Pour accéder à l'expert, ouvrez la boîte de dialogue Options de projet de votre application, choisissez Application > Icônes, puis utilisez le bouton Générateur d'artwork.
Option | Description |
---|---|
Couche de l'avant-plan | Sélectionnez le type d'actif (Image ou Texte). Les options changent en fonction de votre sélection.
Par défaut, l'option Texte est sélectionnée, ce qui vous permet de définir les champs ci-dessous :
Echelle définit la taille de la fonte. En outre, lorsque vous sélectionnez Image, vous pouvez configurer les champs suivants :
|
Couche de l'arrière-plan | Sélectionnez le type d'actif (Uni ou Image), puis configurez la couche de l'arrière-plan selon votre préférence.
Le type d'actif par défaut est Uni,ce qui vous permet de changer la couleur d'arrière-plan. Lorsque vous sélectionnez Image, vous pouvez configurer les champs suivants :
|
Options | Sélectionnez la forme de l'icône. Vous avez le choix entre différentes formes telles que Arrondi, Rectangle, Légèrement arrondi, Cercle et Goutte d'eau. |
Paramètres d'icône d'application
Les options suivantes sont disponibles pour les plates-formes Windows et macOS :
Option | Description | ||||
---|---|---|---|---|---|
Icône |
Spécifiez un fichier icône (
RAD Studio fournit des fichiers
Pour les applications console, la définition de l'icône d'application est désactivée. Windows utilise une icône de mode console standard par défaut. Si vous voulez changer l'icône pour votre application console, voir le tutoriel suivant (EN) : Delphi @ About.com: Change the Default Application Icon for a Console Mode Delphi Application. | ||||
Icône Icns (pour les applications macOS FireMonkey) |
Spécifiez un fichier icône Icns (
RAD Studio fournit des fichiers
Chaque fichier
Pour actualiser le fichier icône icns que vous voulez déployer sur macOS, procédez comme suit :
|
Paramètres du logo du package de plate-forme Windows universelle
La fonctionnalité Paramètres du logo du package de plate-forme Windows universelle, uniquement disponible pour les plates-formes Windows, vous permet de charger un logo enregistré sur votre ordinateur ou d'utiliser un logo par défaut.
iOS
Icône unique
L'expert Icône unique pour iOS est le même que pour les plates-formes de bureau. Pour de plus amples informations, consultez la section ci-dessus.
Paramètres d'icône d'application
Dans le cas d'une application iOS, la page Application propose deux onglets :
- iPhone
- iPad
Icônes pour vos applications iOS
Pour les plates-formes iPhone et iPad, RAD Studio fournit des fichiers icône que vous pouvez utiliser pour les applications FireMonkey iOS sous la forme de fichiers .png
de diverses tailles, disponibles dans le répertoire /bin/Artwork/iOS
de l'installation de votre produit.
Par exemple, voici quelques-uns des noms des fichiers icônes fournis par RAD Studio :
- FM_ApplicationIcon_120x120.png
- FM_SpotlightSearchIcon_120x120.png
- FM_SettingIcon_58x58.png
- FM_NotificationIcon_40x40.png
- FM_LaunchImage_2x.png
Pour configurer les images et les icônes qui sont déployées avec votre application iOS, cliquez sur le bouton Points de suspension () dans le champ approprié de l'onglet spécifique à la plate-forme (iPhone ou iPad).
Onglet iPhone
Champ | Description |
---|---|
Icône d'application (120 x 120) | Icône représentant votre application. Cette icône peut être placée par vos utilisateurs sur leur écran d'accueil ; ils devront ensuite la toucher pour démarrer votre application. |
Icône d'application (180x180) | |
Icône d'application (1024x1024) | Icône représentant votre application sur l'App Store. |
Icône Spotlight (80 x 80) | Icône représentant votre application sur une recherche Spotlight. |
Icône Spotlight (120 x 120) | |
Icône Réglages (58 x 58) | Icône représentant votre application sur l'application Réglages intégrée. |
Icône Réglages (87 x 87) | |
Icône de notification (40 x 40) | L'icône de notification s'affiche pour les notifications de votre application. |
Icône de notification (60 x 60) | |
Image de lancement toute apparence 2X l'échelle | L'image de lancement apparaît à la place de votre application tant que le chargement de l'application n'est pas terminé et occupe l'espace alloué à l'image. |
Image de lancement apparence sombre 2X l'échelle | |
Image de lancement toute apparence 3X l'échelle | |
Image de lancement apparence sombre 3X l'échelle | |
Couleur d'arrière-plan de l'image de lancement |
L'option Couleur d'arrière-plan de l'image de lancement vous permet de modifier la couleur d'arrière-plan pour le mode clair et le mode sombre des applications iOS. |
Couleur d'arrière-plan sombre de l'image de lancement |
Onglet iPad
Champ | Description |
---|---|
Icône d'application (152x152) | Icône représentant votre application. Cette icône peut être placée par vos utilisateurs sur leur écran d'accueil ; ils devront ensuite la toucher pour démarrer votre application. |
Icône d'application (167x167) | |
Icône Spotlight (80 x 80) | Icône représentant votre application sur une recherche Spotlight. |
Icône Réglages (58 x 58) | Icône représentant votre application sur l'application Réglages intégrée. |
Icône de notification (40 x 40) | L'icône de notification s'affiche pour les notifications de votre application. |
Image de lancement toute apparence 2X l'échelle |
L'image de lancement apparaît à la place de votre application tant que le chargement de l'application n'est pas terminé et occupe l'espace alloué à l'image. |
Image de lancement apparence sombre 2X l'échelle |
Aperçu
Option | Description |
---|---|
Aperçu |
Pour les plates-formes cible iOS, ce champ apparaît sur le côté droit de la page Application et affiche un aperçu de l'image sélectionnée. |
Taille réelle |
Cochez cette case pour que l'aperçu affiche l'icône dans sa taille réelle. Par défaut, l'aperçu est redimensionné pour qu'il n'occupe pas plus d'espace que l'espace disponible dans la colonne de droite. Selon la taille de l'image, il peut être nécessaire d'utiliser le défilement pour voir l'image entière. |
Notes relatives à iOS
- Vous pouvez toujours configurer les images et icônes dans les onglets iPhone et iPad, quel que soit le périphérique iOS cible actuellement sélectionné.
- Les fichiers image doivent être des fichiers
.png
et avoir les dimensions requises. Sinon, vous obtiendrez un message d'erreur.
- Toutes les images ne sont pas nécessaires (pour de plus amples informations, voir le document Custom Icon and Image Creation Guidelines (EN) d'Apple).
- Si vous ne voulez pas fournir d'image, effacez le champ correspondant et cliquez sur OK.
- Si vous effacez un champ image, assurez-vous que la cible sélectionnée sur la page Application est définie sur Toutes les configurations. Les champs vides sont remplis avec les chemins des cibles parent, et Toutes les configurations est la seule cible qui n'est pas écrasée.
- Vous pouvez aussi définir la valeur de la propriété
UIDeviceFamily
associée à votre application iOS.UIDeviceFamily
est une valeur du fichier info.plist associé à votre application iOS ;UIDeviceFamily
définit les périphériques iOS sur lesquels votre application est prise en charge. Pour les applications iOS, la valeurUIDeviceFamily
par défaut est iPhone & iPad, mais vous pouvez limiter votre application iOS à iPad ou iPhone si vous le souhaitez. DéfinissezUIDeviceFamily
dans la liste Clé/Valeur de Projet > Options > Informations de version.
- Les applications iOS peuvent être conçues pour prendre en charge le mode d'apparence Tout ou Sombre ou les deux modes en même temps.
Apparence claire | Apparence sombre |
---|---|
La couleur de fond de l'écran de lancement et l'image de l'écran de lancement du mode d'apparence "Tout" sont utilisées dans une application iOS lorsque le périphérique cible :
|
La couleur d'arrière-plan et l'image de l'écran de lancement du mode d'apparence Sombre sont utilisées dans une application iOS lorsque le périphérique cible :
|
- Les options Couleur d'arrière-plan de l'image de lancement et Couleur d'arrière-plan sombre de l'image de lancement sont disponibles uniquement sous l'onglet iPhone, mais elles s'appliquent aux périphériques iPhone et iPad.
- La prise en charge du mode d'apparence Sombre dans une application iOS est facultative. Si une application iOS n'a pas besoin de prendre en charge le mode d'apparence Sombre pour l'instant, vous pouvez désactiver les options Image de lancement apparence sombre 2X l'échelle et Image de lancement apparence sombre 3X l'échelle.
Android
Icône unique
L'expert Icône unique pour Android est presque identique à celui pour les plates-formes de bureau. Pour de plus amples informations, consultez la section ci-dessus. La différence réside dans l'expert Ecrans d'accueil.
Après avoir configuré les paramètres d'icône, vous pouvez utiliser un ensemble d'options similaire pour configurer les modes Clair et Sombre des écrans d'accueil.
Ce processus remplit toutes les icônes de la plate-forme en une fois, générant des éléments de la taille attendue.
\bin\Artwork\Android
de l'installation de votre produit.Paramètres d'icône d'application
L'option Icônes pour les plates-formes Android vous permet de configurer des icônes pour votre projet. Pour ce faire, RAD Studio présente plusieurs onglets dans lesquels vous pouvez configurer les icônes de votre application.
Lanceur
L'option Lanceur vous permet de choisir entre Icône adaptative et Lanceur existant. Cette icône peut être placée par vos utilisateurs sur leur écran d'accueil ; ils devront ensuite la toucher pour démarrer votre application.
Par défaut, l'option Utiliser une icône adaptative est sélectionnée, car Google recommande de l'utiliser pour toutes les versions modernes d'Android. Avec cette option, vous pouvez configurer les champs suivants.
Champ | Description |
---|---|
Avant-plan | Cette option vous permet de configurer les couches de l'icône, que vous pouvez sélectionner directement sur votre ordinateur. |
Arrière-plan | |
Couche monochrome |
Pour utiliser le Lanceur existant, désélectionnez l'option Utiliser une icône adaptative. Vous pourrez ensuite configurer les champs suivants :
Champ | Description |
---|---|
36x36 ldpi |
Icône représentant votre application. |
48x48 mdpi | |
72x72 hdpi | |
96x96 xhdpi | |
144x144 xxhdpi | |
192x192 xxxhdpi |
Notification
Dans l'onglet Notification, vous pouvez modifier les icônes dont les utilisateurs se servent pour les notifications.
Vous pouvez utiliser la couleur d'accentuation en cochant la case correspondante et choisir une couleur dans la liste déroulante Couleur d'accentuation des notifications.
Configurez l'icône vectorisée en la sélectionnant sur votre périphérique. Cette option est activée par défaut.
Configurez votre icône de notification dans différentes tailles en la choisissant sur votre périphérique.
Champ | Description |
---|---|
24x24 mdpi |
Icônes de notification pour votre application. |
36x36 hdpi | |
48x48 xhdpi | |
72x72 xxhdpi | |
96x96 xxxhdpi |
Images d'accueil
Ce sont les images qui s'affichent à l'ouverture de votre application. Vous pouvez spécifier une image unique ou plusieurs images de tailles différentes. Pour minimiser le changement d'échelle, utilisez un bitmap multi-résolution ou plusieurs images de tailles différentes.
Vous pouvez activer ou désactiver les images d'accueil de votre projet en utilisant la case à cocher Inclure l'image de démarrage. Vous pouvez en outre changer la couleur d'arrière-plan et la couleur d'arrière-plan sombre en en choisissant d'autres dans les listes déroulantes.
RAD Studio vous permet d'utiliser un écran d'accueil vectorisé et un écran d'accueil existant. Ces deux options sont activées par défaut.
Pour activer l'écran d'accueil vectorisé, sélectionnez l'option Utiliser des images vectorisées. Si cette option est activée, vous pouvez la configurer avec les champs suivants :
Champs | Description |
---|---|
Avant-plan |
Cette option vous permet de configurer l'avant-plan en mode clair et mode sombre. |
Avant-plan sombre | |
Avant-plan Android 12 |
Cette option vous permet de configurer l'avant-plan en mode clair et mode sombre. |
Avant-plan Android 12 sombre |
Pour activer l'écran d'accueil existant, sélectionnez l'option Inclure l'image d'accueil. Si cette option est activée, vous pouvez la configurer avec les champs suivants :
Champ | Description |
---|---|
426x320 small |
Images d'accueil de votre application. |
470x320 normal | |
640x480 large | |
960x720 xlarge |
Mode mosaïque de l'écran d'accueil : lorsque le mode mosaïque est activé, l'image est répétée. Utilisez cette zone de liste déroulante pour définir le mode mosaïque à l'aide des options suivantes :
Mode mosaïque | Description |
---|---|
disabled | L'image apparaît une fois sur l'écran. |
clamp | La couleur de la bordure de l'image est répliquée jusqu'à remplir l'écran. |
repeat | L'image est reproduite horizontalement et verticalement jusqu'à remplir l'écran. |
mirror | L'image est reproduite horizontalement et verticalement jusqu'à remplir l'écran avec un effet miroir entre les images successives. |
Pour de plus amples informations, voir la documentation Android relative au mode mosaïque.
Gravité de l'écran d'accueil : la gravité de l'écran d'accueil détermine la position de l'image sur l'écran lorsque sa taille est inférieure à celle de l'écran. La gravité de l'écran d'accueil est prise en compte uniquement lorsque le mode mosaïque de l'écran d'accueil est désactivé. Pour de plus amples informations, voir la documentation Android relative à la gravité.
Aperçu
Chaque expert Icône présente une section Aperçu dans laquelle vous pouvez configurer différentes options.
Option | Description |
---|---|
Aperçu |
Pour les plates-formes cible Android, ce champ apparaît sur le côté droit de la page Application et affiche un aperçu de l'image sélectionnée. |
Taille réelle |
Cochez cette case pour que l'aperçu affiche l'icône dans sa taille réelle. Par défaut, l'aperçu est redimensionné pour qu'il n'occupe pas plus d'espace que l'espace disponible dans la colonne de droite. Selon la taille de l'image, il peut être nécessaire d'utiliser le défilement pour voir l'image entière. |
Notes relatives aux images dans Android
- Vous pouvez toujours configurer vos images d'application dans l'onglet Artwork, quel que soit le périphérique mobile cible actuellement sélectionné.
- Les fichiers image doivent être des fichiers *
.png
* et avoir les dimensions requises. Sinon, vous obtiendrez un message d'erreur. - Android autorise l'utilisation d'images 9-patch qui déterminent la manière dont l'image sera étirée.
- Vous pouvez convertir une image au format 9-patch en utilisant l'outil draw9patch disponible dans
C:\Utilisateurs\Public\Documents\Embarcadero\Studio\23.0\CatalogRepository\adt-bundle-windows-x86-20131030\tools\lib
. - Lorsque vous utilisez l'outil draw9patch, vous pouvez charger des images
.png
et.9.png
; une fois votre image terminée, elle est enregistrée avec l'extension.9.png
. Draw9patch fonctionne avec un périmètre de 1 pixel, de sorte que les images.png
sont enregistrées avec 4 pixels supplémentaires (2 horizontalement et 2 verticalement) ; les images.9.png
ne sont pas modifiées. - Réglez les repères noirs d'une largeur de 1 pixel en haut et à gauche pour déterminer l'échelle de l'image. Pour de plus amples informations, voir la documentation Android relative au dessin d'images 9-patch.
- Vous pouvez convertir une image au format 9-patch en utilisant l'outil draw9patch disponible dans
- Toutes les images sont facultatives.
- Si vous ne voulez pas fournir d'image, effacez le champ correspondant et cliquez sur OK.
- Si vous effacez un champ image, assurez-vous que la cible sélectionnée sur la page Application est définie sur Toutes les configurations. Les champs vides sont remplis avec les chemins des cibles parent, et Toutes les configurations est la seule cible qui n'est pas écrasée.
- Lorsque vous exécutez une application Android sur un Kindle Fire, le carrousel affiche l'icône de lancement de votre application au format mdpi (48x48), même si vous fournissez une icône de meilleure résolution. L'icône apparaît donc floue. Cependant, cela se produit uniquement lorsque l'application Android est installée sur le Kindle Fire via une connexion USB. Lorsque les utilisateurs téléchargent l'application depuis le magasin d'applications Amazon, l'icône de l'application affichée sur le carrousel du Kindle Fire est téléchargée à partir de ce magasin d'applications, où vous pouvez charger une icône de petit format (114x114) et une icône de grand format (512x512). Pour de plus amples informations, voir la documentation Amazon.
- Pour déployer une application Android sans écran d'accueil, avant de désactiver l'option Inclure l'image d'accueil et de reconstruire l'application, vous devez manuellement supprimer les fichiers splash_image_def.xml, styles.xml et styles-v21.xml créés pour une construction précédente de votre application (ces fichiers sont normalement placés dans le sous-dossier '<Active-Target-Platform>\<Active-Build-Configuration>').
- Icônes adaptatives : conformément à la documentation Android, nous ne devrions pas attacher ou utiliser des masques de format d'icône, car Android doit configurer l'icône en fonction de son thème afin de normaliser le format des icônes du système d'exploitation. Par conséquent, la valeur de forme est ignorée pour les icônes adaptatives Android.
- Ecran d'accueil : pour la plate-forme Android, nous ignorons actuellement la couleur d'arrière-plan (à l'extérieur de la surface de l'image).
Rubriques
Voir aussi
- Création et déploiement d'icônes d'apps
- Activation de l'aide dans les applications
- Préparation d'une application iOS pour son déploiement
- Préparation d'une application Android pour son déploiement
- Utilisation d'images 9-patch dans Android
- Personnalisation du fichier manifeste d'une application Windows