Quelle est la taille des images TabBar?
J'ai des icônes pour un tabBar de taille 100.
J'ai vérifié conformément aux directives de Human Interface de Apple et il indique que la taille de l'image doit être 30x30/60x60.
Mais comme le contrôleur de barre de tabulation a une hauteur de 50, j'ai gardé la taille de l'image à 50x50.
Maintenant, quand je lance le projet, je vois la mauvaise conception ci-dessous:
Avez-vous une idée de la taille des images à utiliser pour que le dessin soit parfait?
Remarque: Je n'écris pas également du texte (par exemple, Accueil, Recherche, etc.). Le texte du bouton de tabulation est présent dans l'image elle-même.
30x30, ce sont des points, ce qui signifie 30px @ 1x, 60px @ 2x, pas quelque part entre les deux. De plus, ce n'est pas une bonne idée d'intégrer le titre de l'onglet dans l'image. Vous obtiendrez des résultats assez médiocres en matière d'accessibilité et de localisation.
Selon le Apple Human Interface Guidelines :
@ 1x: environ 25 x 25 (max: 48 x 32)
@ 2x: environ 50 x 50 (max: 96 x 64)
@ 3x: environ 75 x 75 (max: 144 x 96)
Selon les dernières directives d'interface humaine Apple:
En orientation portrait, les icônes de la barre d’onglet apparaissent au-dessus des titres d’onglet. En orientation paysage, les icônes et les titres apparaissent côte à côte. En fonction du périphérique et de l'orientation, le système affiche une barre de tabulation standard ou compacte. Votre application doit inclure des icônes de barre de tabulation personnalisées pour les deux tailles.
Je vous invite à utiliser le lien ci-dessus pour comprendre le concept complet.
La taille 50x50 est donc un bon choix.
Selon ma pratique, j’utilise l’icône d’élément de barre de tabulation standard 40 x 40 pour iPad, 80 x 80 pour rétine.
À partir de la référence Apple. https://developer.Apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/BarIcons.html#//Apple_ref/doc/uid/TP40006556-CH21-SW1
Si vous souhaitez créer une icône de barre ressemblant à la famille d'icônes iOS 7, utilisez un trait très fin pour la dessiner. Plus précisément, un trait de 2 pixels (haute résolution) convient bien aux icônes détaillées et un trait de 3 pixels convient parfaitement aux icônes moins détaillées.
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) Quel que soit le style visuel de l’icône, créez une icône de barre de tabulation dans les tailles suivantes:
Environ 50 x 50 pixels (96 x 64 pixels maximum) Environ 25 x 25 pixels (48 x 32 pixels maximum) pour une résolution standard