Comment utiliser les icônes adaptatives d'Android dans Unity?


13

Depuis l'API 26, Android utilise ce que l'on appelle des icônes adaptatives.

Lorsque vous ciblez l'API 25 et les versions antérieures, l'icône de mon application semble correcte:

entrez la description de l'image ici

Mais lorsque vous ciblez l'API 26+, elle apparaît dans un cercle blanc comme ceci:

entrez la description de l'image ici

  • Comment puis-je cibler l'API 26+ tout en utilisant les icônes adaptatives d'Android?
  • Que faire si je souhaite cibler l'API 26+ sans utiliser les icônes adaptatives d'Android?

Dites, j'ai remarqué que vous avez ajouté une prime sur cette question. Y a-t-il des informations supplémentaires que vous espérez qu'une autre réponse pourrait être en mesure d'ajouter, au-delà de votre explication détaillée ci-dessous?
DMGregory

@DMGregory Nope. J'essaie juste d'augmenter l'exposition. Je n'ai jamais trouvé d'explication décente sur la mise en œuvre d'icônes adaptatives par Unity, essayant ainsi de gagner du temps pour les autres. Cela étant dit, si vous ou quelqu'un d'autre avez des informations supplémentaires, ce serait très apprécié.
Evorlor

Réponses:


23

Comment puis-je cibler l'API 26+ tout en utilisant les icônes adaptatives d'Android?

Dans les paramètres de votre lecteur sous Android sur Unity 2018 ou supérieur, il y a un endroit dans la section des icônes pour définir vos icônes. Vous pouvez définir des icônes héritées, rondes et adaptatives. Les icônes Legacy et Round sont pour API 25 et inférieures. Ajoutez simplement l'icône que vous voulez, alpha et tout, et vous avez terminé. Les icônes adaptatives, pour API 26+, sont un peu plus compliquées.

entrez la description de l'image ici

Les icônes adaptatives se composent de deux parties. L' arrière - plan et le premier plan .

Contexte

L'arrière-plan est l'endroit où vous placez l'arrière-plan de votre icône. Cette image ne doit pas avoir d'alpha. Elle doit être continue, car vous n'avez aucun contrôle sur les parties de l'arrière-plan qui sont affichées.

Android détermine le recadrage et la traduction de l'image d'arrière-plan. Dans l'exemple ci-dessous, l'arrière-plan est une image bleue avec une grille blanche dessus. Remarquez à quoi ressemble l'arrière-plan malgré le recadrage du carré en cercle et le déplacement de l'arrière-plan.

entrez la description de l'image ici

Premier plan

Le premier plan sera votre véritable icône. Alpha est requis pour cette image. Le 1/6 extérieur de votre image peut être caché derrière le recadrage. Cela signifie que l'image doit être réduite à 66,67% ou à la taille d'origine, tandis que la toile reste pleine taille. Dans l'exemple ci-dessous, l'image fait 432x432 pixels; cependant, la gauche, la droite, le haut et le bas de l'image ont chacun 72 pixels de transparence.

entrez la description de l'image ici

Le résultat final d'une mise à l'échelle de 66,67% de l'image remplira parfaitement l'image-objet dans le cercle, tandis que l'arrière-plan apparaît derrière des pixels transparents.

Sur divers appareils, l'icône pouvait être déplacée en dehors de la zone recadrée étant donné qu'il n'y avait pas de tampon. Par exemple, dans l'icône bleue ci-dessus, le premier plan représente environ 35% de la taille d'origine. S'il représentait 66,67% de la taille d'origine, le visage Android glisserait hors de vue.

Exemple

Donc, si c'était notre arrière-plan et notre premier plan, de telle sorte que le contenu de notre premier plan soit 2/3 de la taille de notre arrière-plan:

entrez la description de l'image icientrez la description de l'image ici

Voici la version non recadrée de notre icône:

entrez la description de l'image ici

Mais ce que nous pourrions réellement voir sur l'appareil (en supposant qu'Android ne fait rien de "adaptatif" pour le moment) est le suivant:

entrez la description de l'image ici


Que faire si je souhaite cibler l'API 26+ sans utiliser les icônes adaptatives d'Android?

Vous ne pouvez pas.


Je ne comprends toujours pas.

Peut-être que Android ou l' unité peut l' expliquer mieux.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.