web-dev-qa-db-fra.com

définition de la taille de l'icône de la barre de navigation ios

Je souhaite savoir s'il existe une taille par défaut pour les icônes de la barre de navigation. Les concepteurs doivent le concevoir.Si ils le conçoivent pour un affichage rétinien ou non rétinien.À l'heure actuelle, j'utilise des images téléchargées sur Internet qui n'ont pas fière allure.

9
user2823044

Créer une icône de barre de navigation dans les tailles suivantes:

About 44 x 44 pixels

About 22 x 22 pixels (standard resolution)

vous trouverez plus d'informations ici https://developer.Apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/BarIcons.html

13
Bhavik

Les tailles recommandées dans les icônes -docs pour les barres de navigation sont les suivantes:

@1: 25 x 25
@2: 50 x 50
@3: 75 x 75

Créez trois images de la taille de pixel ci-dessus, puis ajoutez-les à une nouvelle image définie dans votre fichier Assets.xcassets.

 enter image description here

Notes

  • Lorsque j'essaie de créer les icônes aux tailles recommandées, elles me paraissent trop petites. Je les fais un peu plus gros que ça. Alors, prenez les recommandations de la documentation comme point de départ, mais vous devrez peut-être faire les ajustements nécessaires. 
  • Une deuxième méthode consisterait à utiliser une seule image vectorielle universelle (pdf) (voir ici et ici ). Ce n'est pas tout le monde qui le recommande , mais c'est la méthode que j'utilise maintenant. C'est pratique et facilite la modification et le redimensionnement futurs des images.
8
Suragch
 1. iPhone 5     88 / 64  px
 2. iPhone 4/4S  88 / 64 px 
 3. Retina iPad  88 px
 4. iPad Mini    44 px
 5. iPad         44 px

La barre de navigation comprend généralement un titre ainsi que des boutons de navigation et d'action de base (tels que le retour à la vue précédente, la création, l'édition, etc.). En orientation paysage, la hauteur de la barre de navigation est généralement réduite un peu (jusqu'à 32 pt) pour permettre à davantage de contenu d'être affiché en dessous.

Lien de référence: http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

1
Ramdhas

Consultez la documentation Apple pour les tailles des icônes et des images ici . Pour plus de détails sur les spécifications des icônes de l'interface utilisateur, consultez ici .

0
NKB