Barre d’onglet de l’iPhone Résolution d’image d’article?

La documentation indique que l’image de la barre d’tabs est généralement de 30×30, mais j’ai trouvé que la meilleure taille pour configurer les images est 48×32 pixels. Cette taille rend encore et vous donne un peu plus d’espace.

L’image est un format PNG avec transparence, seul le masque est utilisé. L’interface utilisateur rend le masque gris lorsqu’il est désélectionné ou bleu / chrome lorsqu’il est sélectionné.

http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html

Dans la mesure du possible, vous devez utiliser les boutons et les icons fournis par le système dans les barres de navigation, les barres d’outils et les barres d’tabs. Pour obtenir une liste complète des boutons et icons standard, consultez «Boutons et Des icons.

Bien sûr, toutes les tâches exécutées par votre application ne sont pas standard. Si votre application prend en charge des tâches personnalisées que les utilisateurs doivent effectuer fréquemment, vous devez créer des icons personnalisées représentant ces tâches dans votre barre d’outils ou votre barre de navigation. De même, si votre application affiche une barre d’tabs permettant aux utilisateurs de basculer entre les modes d’application personnalisés ou les sous-ensembles de données personnalisés, vous devez concevoir des icons de barre d’tabs décrivant clairement ces modes ou sous-ensembles. Cette section vous explique comment concevoir des icons qui fonctionnent bien dans les barres de navigation, les barres d’outils et les barres d’tabs.

Avant de créer l’art pour votre icône, vous devez réfléchir à ce que cela devrait transmettre. En considérant les dessins, visez une icône qui est:

• Simple et rationalisé. Trop de détails peuvent rendre une icône négligée ou indéchiffrable.
• Pas facilement confondu avec l’une des icons fournies par le système. Les utilisateurs doivent pouvoir distinguer votre icône personnalisée des icons standard en un coup d’œil.
• Facilement compris et largement acceptable. S’efforcer de créer un symbole que la plupart des utilisateurs interpréteront correctement et qu’aucun utilisateur ne trouvera choquant.

Une fois que vous avez décidé de l’apparence de votre icône, suivez ces instructions au fur et à mesure que vous la créez:

• Utilisez le format PNG.
• Utilisez du blanc pur avec un alpha approprié.
• N’incluez pas d’ombre scope.
• Utilisez l’anti-aliasing.
• Si vous décidez d’append un biseau, assurez-vous qu’il est à 90 ° (pour vous aider, imaginez une source lumineuse placée en haut de l’icône).
• Pour les icons de la barre d’outils et de la barre de navigation, créez une icône qui mesure environ 20 x 20 pixels.
• Pour les icons de la barre d’tabs, créez une icône qui mesure environ 30 x 30 pixels …

Cette déclaration est techniquement incorrecte:

“… seul le masque est utilisé. L’interface utilisateur rend le masque gris lorsqu’il est désélectionné ou bleu / chrome lorsqu’il est sélectionné …”

Vous ne fournissez aucun type de masque. Au contraire, l’image de l’onglet devrait simplement être une image monochrome .png, autrement dit une seule couleur utilisée .

Si vous fournissez une image en couleur, UIKit le quantifiera en une image monochrome. Dans le pire des cas, l’image couleur sera ~ 8000 octets, ce qui représente une perte de ~ 6k (rétine). Le format de fichier doit être 24 bits .png avec transparence pour que la quantification fonctionne correctement. Même s’il s’agit d’un format de fichier couleur, n’utilisez pas la couleur ou vous gaspillez de l’espace.

L’essentiel est d’avoir la bonne taille, avec les meilleures performances et la meilleure utilisation de la mémoire, utilisez l’une des options suivantes:

Affichage standard
48×32 .PNG, 24 bits avec transparence (mais n’utilisez qu’une seule couleur) . Taille de cas le plus défavorable ~ 500 octets.
30×30 .PNG, 24 bits avec transparence (mais n’utilisez qu’une seule couleur) . Pire taille de cas ~ 350 octets.

Affichage rétine
60×60 .PNG, 24 bits avec transparence (mais n’utilisez qu’une seule couleur) . Taille de cas le plus défavorable ~ 2000 octets.

Vérifiez la référence de la classe UITabBarItem dans la documentation du SDK