71 votes

Comment prendre en charge les graphiques rétina de l'iPad et de l'iPhone dans les applications universelles ?

Apple a présenté un nouvel iPad qui prend en charge les graphiques rétina.

J'ai vu Ce lien permet d'afficher les graphiques en rétine dans les applications Apple. . Comme vous pouvez le voir, Apple utilise simplement le suffixe "@2x" pour l'écran rétina de l'iPad.

J'ai une application universelle. Alors, comment supporter la rétine dans le nouvel iPad y iPhone ? L'iPad retina utilisera-t-il le suffixe "@2x" comme l'iPad ?

138voto

rowwingman Points 2823

Je viens de créer une application de test et de la tester.

Donc pour les appareils sans rétine :
ImageName.png - Pour iPhone/iPod
ImageName~ipad.png -- Pour l'iPad

Pour les appareils avec affichage rétina :
ImageName@2x.png - Pour iPhone/iPod
ImageName@2x~ipad.png -- Pour l'iPad

Et vous pouvez toujours utiliser @2x si votre image haute résolution iPhone et votre image haute résolution iPad ont la même taille.
Pour charger l'image, il suffit d'utiliser [UIImage imageNamed:@"ImageName.png"];
Je viens de le tester sur le simulateur iOS pour iOS 5.1, 5.0 et 4.3.
D'ailleurs, pourquoi utiliser @2x et rien de plus.

La principale raison est que vous ne devez pas utiliser les mêmes graphiques sur l'iPhone et l'iPad, parce que l'iPhone et l'iPad ont une taille différente. Et si vous utilisez la même taille, les graphiques seront déjà faits pour l'écran rétina de votre iPad (si vous avez déjà utilisé l'écran rétina de votre iPhone). Si vous utilisez des images de taille différente, vous devrez utiliser des noms d'images différents pour l'iPhone et l'iPad. Dans ce cas, il suffit d'ajouter le suffixe @2x. C'est pourquoi vous devriez utiliser juste le suffixe @2x. - Voilà ce que je pense.

7voto

bdalziel Points 140

J'ai découvert que le matériel de l'iPad mini/non retina, pas de simulateur La réponse de rowwingman est la suivante : ImageName.png et non ImageName~ipad.png.

En regardant le docs référencé dans un autre Question StackOverflow par Nate il semble que le fait d'ajouter le dispositif à l'adresse suivante iphone Les images sont la manière correcte de le faire.

MonImage.png - Version par défaut d'une ressource image.

MyImage@2x.png - Version haute résolution d'une ressource image pour les appareils dotés d'écrans Retina.

MyImage~iphone.png - Version d'une image pour iPhone et iPod touch.

MonImage@2x~iphone.png - Version haute résolution d'une image pour les appareils iPhone et iPod touch dotés d'un écran Retina.

Ressources en images, sons et vidéos

0voto

Marc Points 168

Excellente ressource de la part d'Apple, qui explique les choses de manière très détaillée :

https://developer.apple.com/library/ios/qa/qa1686/_index.html

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X