Une icône adaptative, ou
AdaptiveIconDrawable,
peuvent s'afficher différemment en fonction des fonctionnalités de l'appareil et de l'utilisateur
thématisation. Les icônes adaptatives sont principalement utilisées
par le lanceur d'applications sur l'écran d'accueil,
mais ils peuvent aussi être utilisés dans les raccourcis,
l'application Paramètres, les boîtes de dialogue de partage et
l'écran d'aperçu. Les icônes adaptatives sont utilisées dans tous les facteurs de forme Android.
Contrairement au bitmap,
des images, les icônes adaptatives peuvent
s'adaptent à différents cas d'utilisation:
Différentes formes:une icône adaptative peut afficher différentes formes.
sur différents modèles d'appareils. Il peut, par exemple, afficher une forme circulaire
sur un appareil OEM et présentent un "squircle" (une forme entre un carré et un
cercle) sur un autre appareil. Chaque OEM doit fournir un masque, que le
pour afficher toutes les icônes adaptatives ayant la même forme.
<ph type="x-smartling-placeholder"></ph>
<ph type="x-smartling-placeholder"></ph>
Figure 1. Les icônes adaptatives sont compatibles avec
les masques, qui varient
d’un appareil à l’autre.
Effets visuels:une icône adaptative est compatible avec divers effets visuels attrayants.
qui s'affichent lorsque les utilisateurs placent ou déplacent l'icône dans la maison
l'écran.
<ph type="x-smartling-placeholder"></ph>
<ph type="x-smartling-placeholder"></ph>
Figure 2. Exemples d'effets visuels affichés par
une icône adaptative.
Thématisation utilisateur:à partir d'Android 13 (niveau d'API 33), les utilisateurs peuvent thématiser
leurs icônes adaptatives. Si un utilisateur active les icônes d'applications à thème, en activant
Activez ou désactivez les icônes à thème dans les paramètres système. Le lanceur d'applications le permet
le système utilise la couleur du fond d'écran choisi par l'utilisateur
pour déterminer la couleur de la teinte.
<ph type="x-smartling-placeholder"></ph>
<ph type="x-smartling-placeholder"></ph>
Figure 3. Icônes adaptatives héritées du paramètre
le fond d'écran et
les thèmes de l'utilisateur.
Dans les scénarios suivants, l'écran d'accueil n'affiche pas le thème
et affiche à la place une icône d'application adaptative ou standard:
Si l'utilisateur n'active pas les icônes d'application à thème.
Si votre application ne fournit pas d'icône d'application monochrome.
Si le lanceur d'applications ne prend pas en charge les icônes d'applications à thème.
Concevoir des icônes adaptatives
Pour vous assurer que votre icône adaptative est compatible avec différentes formes, différents effets visuels et
thématisation utilisateur, la conception doit répondre aux exigences suivantes:
Vous devez fournir deux calques pour la version couleur de l'icône: un pour la
au premier plan et une
pour l'arrière-plan. Les calques peuvent être
des vecteurs ou
les bitmaps, mais il est préférable d'utiliser des vecteurs.
<ph type="x-smartling-placeholder"></ph>
<ph type="x-smartling-placeholder"></ph>
Figure 4 : Icônes adaptatives définies à l'aide du premier plan
et d'arrière-plan. La zone de sécurité 66 x 66 représentée est la zone
qui n'est jamais rogné par un masque profilé défini par un OEM.
<ph type="x-smartling-placeholder"></ph>
<ph type="x-smartling-placeholder"></ph>
Figure 5 : Un exemple de la façon dont
le premier plan et
d'arrière-plan se complètent et un masque circulaire est appliqué.
Si vous souhaitez prendre en charge la thématisation utilisateur des icônes d'application, fournissez une seule couche pour
la version monochrome de l'icône.
<ph type="x-smartling-placeholder"></ph>
<ph type="x-smartling-placeholder"></ph>
Figure 6. Calque d'icône monochrome (à gauche) avec
exemples d'aperçus de couleurs (à droite)
Taille de tous les calques : 108 x 108 dp.
Utilisez des icônes aux bords nets. Les calques ne doivent pas comporter de masques ni d'arrière-plans
des ombres autour du contour de l’icône.
Utilisez un logo d'au moins 48 x 48 dp. Elle ne doit pas dépasser 66 x 66 dp.
car la dp interne de 66 x 66 dp de l'icône apparaît dans la partie masquée
fenêtre d'affichage.
Les 18 dp externes de chacun des quatre côtés des couches sont réservés à
et créer des effets visuels comme un parallaxe ou une pulsation.
Un attribut facultatif, android:roundIcon, est utilisé par les lanceurs d'applications qui représentent
applications avec des icônes circulaires, ce qui peut être utile si l'icône de votre application contient
un arrière-plan circulaire est
au cœur de sa conception. Ces lanceurs sont nécessaires pour
générer des icônes d'application en appliquant un masque circulaire à android:roundIcon ;
peut vous permettre d'optimiser l'apparence de l'icône de votre application
Par exemple, en agrandissant légèrement le logo et en veillant à ce qu'il soit recadré,
avec un arrière-plan circulaire à fond perdu.
L'extrait de code suivant illustre ces deux attributs, mais la plupart des applications
ne spécifiez que android:icon:
Enregistrez ensuite votre icône adaptative dans res/mipmap-anydpi-v26/ic_launcher.xml. Utilisez
l'élément <adaptive-icon> pour définir le premier plan, l'arrière-plan
des ressources de calques monochromes pour vos icônes. <foreground>
Les éléments internes <background> et <monochrome> sont compatibles
des images vectorielles et bitmap.
L'exemple suivant montre comment définir <foreground>, <background> et
Éléments <monochrome> dans <adaptive-icon>:
Vous pouvez également définir des drawables en tant qu'éléments en les incorporant à
<foreground>, <background> et <monochrome>. Les éléments suivants :
montre comment procéder avec le drawable de premier plan.
Si vous souhaitez appliquer le même masque et le même effet visuel à vos raccourcis que
les icônes adaptatives classiques, utilisez l'une des techniques suivantes:
Pour les raccourcis statiques, utilisez l'élément <adaptive-icon>.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/08/21 (UTC).
[]
[]
{
"last_modified": "Dernière mise à jour le 2024/08/21 (UTC).",
"state": ""
}