Quelle doit être la taille d'une image UIBarButtonItem?
Je cherche à créer mes propres boutons Trier par date et Trier par numéro que je compte placer dans la barre de navigation en tant que bouton de droite.
Quelle doit être la taille de mon image pour remplir correctement l'espace - la page de documentation IBarItem ne répertorie rien sur la taille de l'image.
Depuis iOS 11, les "Human Interface Guidelines" suggèrent que les glyphes soient d'environ 25 × 25 points dans les barres d'outils et les barres de navigation, jusqu'à un maximum d'environ 28 points. (Et le HIG devrait absolument figurer dans vos favoris si vous travaillez sur des applications iOS!)
Cela se traduirait par des images carrées de 25 pixels pour les appareils plus anciens, tels que l'iPad 2/Mini, de 50 pixels pour la plupart des appareils actuels, tels que l'iPhone 8 ou iPad, et de 75 pixels pour les appareils Retina HD (l'iPhone 6/7/8 Plus ou iPhone X). Les catalogues d'actifs aideront énormément à garder les différentes tailles d'actifs organisées (et Xcode peut même les générer à partir de sources vectorielles ces jours-ci).
Le Human Interface Guidelines vous dit ceci depuis iOS7:
Quel que soit le style visuel de l'icône, créez une icône de barre d'outils ou de navigation dans les tailles suivantes:
Environ 44 x 44 pixels
Environ 22 x 22 pixels (résolution standard)
Voici un grande matrice de tout tailles nécessaires pour les ressources pour toutes les plateformes
Oui, Apple suggère d'utiliser des images de 22px, 44px et 66px pour UIBarButtonItems, mais si vous utilisez des icônes préinstallées telles que l'icône de signet, elles sont classées par 25px, 50px et 75px pour 1x. , 2x et 3x respectivement.
Voici 2 icônes dans UIToolbar. À droite, l'icône de signet système d'Apple et à gauche, mon icône personnalisée.
Voici mon icône personnalisée de taille 22px-44px-66px:
Et voici 25px-50px-75px:
Donc, si vous utilisez des icônes personnalisées et système dans une barre d’outils, je vous conseillerais d’utiliser une mise à l’échelle 25px-50px-75px, sinon vos icônes personnalisées seront plus petites. En fait, j’utilise toujours la mise à l’échelle 25px-50px-75px, c’est mieux sur les barres d’outils que pour moi.