Taille de l'image de l'élément de la barre de navigation iOS
Je veux personnaliser mon bouton NavigationBar et utiliser mes propres images.
La question est quelle devrait être la taille?
J'ai trouvé que la taille du bouton devrait être de 40 * 40, donc que l'image devrait être de 80 * 80 pour la rétine?
Ce sont les tailles recommandées par la documentation pour les icônes personnalisées.
- @ 2: 50 x 50
- @ 3: 75 x 75
Créez deux images de la taille de pixel ci-dessus, puis ajoutez-les à une nouvelle image définie dans votre fichier Assets.xcassets. (Apparemment, la taille @ 1 n'est plus nécessaire.)
Vous pouvez également utiliser une image vectorielle universelle (pdf) (voir ici et ici ). Cela a été ma préférence récemment.
Réponse associée
Apple a mis à jour ses Docs sur les Human Interface Guidelines . Maintenant, les tailles recommandées pour créer des icônes personnalisées pour Barre de navigation et Barre d’outils
@ 2x -
48px × 48px_ (24 pt × 24 pt @ 2x)@ 3x -
72px × 72px(24 points × 24 points @ 3x)
Les tailles standard typiques (non-rétine) sont 22px par 22px, tandis que les tailles 2x (ou Retina) sont de 44px par 44px.
Les documents Apple ont été mis à jour et la taille recommandée est maintenant de 25 points x 25 points.
Veuillez vous référer à la documentation ici .
Vous devez préparer 3 icônes d’image pour chaque élément de la barre d’onglet (1x, 2x et 3x).
Commencez par créer le pixel 3x à 75w 75h (maximum: 144 x 96) et enregistrez-le sous le nom [email protected].
Puis redimensionnez-le à 50w 50h pixels (maximum: 96 x 64) et enregistrez-le sous [email protected].
Enfin redimensionnez-le à 25w 25h pixels (maximum: 48 x 32) et enregistrez-le sous iconTab0.png.
Maintenant, tout ce dont vous avez besoin est de sélectionner ces 3 images dans votre Finder et de les faire glisser vers vos ressources d’image.
directives d'interface humaine
Voici les tailles actuelles:
https://developer.Apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/
"Barre d’outils et barre de navigation - entre 24x24 (@ 1x) et 28x28 (@ 1x)".