web-dev-qa-db-fra.com

Taille de l'icône de la barre d'action

Selon Icônes de la barre d’action , l’icône de la barre d’action pour l’écran mdpi doit être de 24 x 24 px, mais les icônes situées dans Pack d’icônes de la barre d’action pour les mdpi font 32 x 32 px. Les tailles ne correspondent pas pour les autres tailles d'écran non plus. Alors lequel est correct et quelles dimensions doit avoir l’icône de la barre d’action?

57
Giorgi

UPDATE: cette réponse n'est plus valide, voir la réponse ci-dessous pour des instructions plus à jour.

Je crois qu'ils doivent être 32x32dp, mais l'image réelle elle-même doit être centrée sur 24dpx24dp. Le site Web de conception Android a les directives correctes .

J'ai soumis un rapport de bug à ce sujet mais je n'ai encore rien entendu ...

53
Alex Curran

------- mise à jour 2015.10.17 --------

Le nouveau gideline de conception de Google dit: "Les icônes du système sont affichées à 24dp", "Le contenu des icônes est limité à la zone de diffusion en temps réel de 20 x 20dp, avec une taille de 4 pixels autour du périmètre".

enter image description here ------ vieux -------

Actif complet, 32x32 dp; Carré optique, 24x24 dp

enter image description here

52
wangqi060934

J'ai effectué plus de tests avec AppCompat ActionBar. J'ai découvert que la barre d'action prend en charge elle-même la taille minimale de la cible tactile de 48dp. J'ai également découvert que le ActionCar AppCompat attend toujours des icônes de barre d'action d'une taille carrée de 32dp.

Même avec la conception Matériau, les icônes doivent toujours suivre la règle "Actif complet: 32x32 pd; Carré optique: 24x24 dp" pour avoir la taille correcte ainsi que d'autres icônes dans la barre d'action comme le montre cette figure (de la réponse de wangqi060934):

enter image description here

Mon hypothèse précédente (voir les figures ci-dessous) selon laquelle la taille totale de l'actif étendue de 32dp à 48dp n'est pas correcte. Les 48dp parlent de la zone tactile. La confusion a été causée par le document Material Icon Spec révisé qui est lié au beaucoup plus ancien document ActionBar .

enter image description here

à partir de https://www.google.com/design/spec/style/icons.html#icons-system-icons

enter image description here

à partir de http://www.google.com/design/spec/layout/metrics-keylines.html#metrics-keylines-sizing-by-increments

13
OneWorld

Utiliser Android Actif Studio Image

Aller à:

  1. Projet> res -> clic droit
  2. nouveau> ressource image -> type d'icône: icônes de la barre d'action et des onglets
  3. suivant> Terminer.

Maintenant, vous aurez votre icône dans les bonnes résolutions.

9
CarLoOSX

Les dimensions de l'icône de la barre d'action terminée, comme indiqué dans le lien ci-dessous, doivent être. https://developer.Android.com/guide/practices/ui_guidelines/icon_design_action_bar.html

(Écran basse densité)

ldpi (120 dpi) --> 18 x 18 px

(Écran de densité moyenne)

mdpi (160 dpi) --> 24 x 24 px

(Écran haute densité)

hdpi (240 dpi) --> 36 x 36 px

(Écran à très haute densité)

xhdpi (320 dpi) --> 48 x 48 px  
3
Radoslav