Barre d'onglets iPhone Résolution de l'image de l'article?

StackOverflow https://stackoverflow.com/questions/151746

  •  02-07-2019
  •  | 
  •  

Question

Quelle est la résolution de l'image pour l'élément de la barre d'onglets?

De plus, veuillez fournir d'autres informations utiles concernant cette image d'élément d'onglet.

Merci d'avance.

Était-ce utile?

La solution

La documentation indique que l'image de la barre de tabulation est généralement de 30x30, mais j'ai constaté que la taille optimale pour configurer les images est de 48x32 pixels. Cette taille rend toujours et vous donne un peu plus d'espace.

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

Autres conseils

http://developer.apple .com / iphone / library / documentation / Expérience utilisateur / Conceptuel / MobileHIG / IconsImages / IconsImages.html

  

Si possible, utilisez les boutons et les icônes fournis par le système dans les barres de navigation, les barres d’outils et les barres d’onglet ... Pour obtenir une liste complète des boutons et des icônes standard, ainsi que des instructions sur leur utilisation, voir & # 8220; Boutons et icônes fournis par le système. & # 8221;

     

Bien entendu, toutes les tâches exécutées par votre application ne sont pas toutes standard. Si votre application prend en charge les tâches personnalisées que les utilisateurs doivent effectuer fréquemment, vous devez créer des icônes personnalisées représentant ces tâches dans la barre d'outils ou la barre de navigation. De même, si votre application affiche une barre d'onglets 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 icônes de barre d'onglets décrivant clairement ces modes ou sous-ensembles. Cette section vous explique comment concevoir des icônes qui fonctionnent bien dans les barres de navigation, les barres d’outils et les barres d’onglet.

     

Avant de créer l’art de votre icône, vous devez réfléchir un peu sur ce qu’elle doit véhiculer. En tant que concepteur, visez une icône:

     
      
  • Simple et simplifié. Trop de détails peuvent donner à une icône un aspect flou ou indéchiffrable.
    •   
  • Pas facilement confondu avec l'une des icônes fournies par le système. Les utilisateurs doivent être en mesure de distinguer votre icône personnalisée des icônes standard d’un coup d’œil.
    •   
  • Bien compris et largement acceptable. Efforcez-vous de créer un symbole que la plupart des utilisateurs interpréteront correctement et qu'aucun utilisateur ne trouvera offensant.
    •   
     

Une fois que vous avez décidé de l'apparence de votre icône, suivez ces instructions lors de sa création:

     
      
  • Utilisez le format PNG.
    •   
  • Utilisez du blanc pur avec l'alpha approprié.
    •   
  • N'incluez pas d'ombre portée.
    •   
  • Utilisez l'anti-aliasing.
    •   
  • Si vous décidez d'ajouter un biseau, assurez-vous qu'il s'agit bien de 90 & # 176; (pour vous aider, imaginez une source de lumière positionnée en haut de l'icône).
    •   
  • Pour les icônes de barre d’outils et de barre de navigation, créez une icône mesurant environ 20 x 20 pixels.
    •   
  • Pour les icônes de la barre d'onglets, créez une icône d'environ 30 x 30 pixels ...
    •   

Cette déclaration est techniquement incorrecte:

"... seul le masque est utilisé. L’interface utilisateur rend le masque gris en cas de désélection ou bleu / chrome en cas de sélection ... "

Vous ne fournissez aucun type de masque. L'image de l'onglet doit plutôt être simplement une image monochrome .png, autrement dit une couleur unique utilisée .

Si vous fournissez une image colorée, UIKit la quantifiera en une image monochrome. Dans le pire des cas, l’image couleur sera d’environ 8 000 octets, ce qui représente un gaspillage d’environ 6 000 (rétine). Le format de fichier doit être .png 24 bits 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, vous perdez de l’espace.

La ligne du bas est d’avoir la bonne taille, avec les meilleures performances et la meilleure utilisation de la mémoire, utilisez l’une de celles-ci:

Affichage standard
& nbsp; & nbsp; .PNG 48x32, 24 bits avec transparence (mais utilisez une seule couleur) . Plus mauvaise taille de cas ~ 500 octets.
& nbsp; & nbsp; 30x30 .png, 24 bits avec transparence (mais utilisez une seule couleur) . La plus mauvaise taille de cas ~ 350 octets.

Affichage de la rétine
& nbsp; & nbsp; 60x60 .png, 24 bits avec transparence (mais utilisez une seule couleur) . La plus mauvaise taille de cas ~ 2000 octets.

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top