web-dev-qa-db-fra.com

Comment prendre en charge les graphiques rétine iPad et iPhone dans les applications universelles

Apple a présenté un nouvel iPad prenant en charge les graphiques rétiniens.

J'ai vu ce lien graphique rétine dans Apple apps . Comme vous pouvez le voir Apple utilisez simplement le suffixe "@ 2x" pour Retina iPad) afficher.

J'ai une application universelle. Alors, comment prendre en charge la rétine dans le nouvel iPad et iPhone? L'iPad retina utilisera-t-il le suffixe "@ 2x" similaire à l'iPad?

71
rowwingman

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

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

Pour les appareils avec écran rétine:
[email protected] - Pour iPhone/iPod
ImageName@2x~ipad.png - Pour 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, utilisez simplement [UIImage imageNamed:@"ImageName.png"];
Je viens de le tester sur le simulateur iOS pour iOS 5.1, 5.0 et 4.3.
Soit dit en passant, pourquoi vous devriez utiliser @ 2x et rien de plus.

L'essentiel, car vous ne devez pas utiliser les mêmes graphiques sur iPhone et iPad, car l'iPhone et l'iPad ont des tailles différentes. Et si vous utilisez la même taille, les graphiques seront déjà faits pour votre écran Retina iPad (si vous utilisez précédemment l'écran Retina iPhone). Si vous avez des images de tailles différentes, vous utiliserez donc des noms d'images différents pour iPhone et iPad. Donc, de ce côté, il vous suffit d'ajouter le suffixe @ 2x. C'est pourquoi vous devez utiliser juste le suffixe @ 2x. - ce sont mes pensées.

138
rowwingman

J'ai trouvé que le matériel iPad mini/non-rétine iPad, pas le simulateur, retomberait sur ImageName.png, pas ImageName ~ ipad.png comme vous vous en doutez de la réponse de rowwingman.

En regardant les docs , référencés dans une autre question StackOverflow par Nate , il semble que l'ajout de l'appareil à iphone images est la bonne façon de le faire.

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

[email protected] - Version haute résolution d'une ressource d'image pour les appareils avec écrans Retina.

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

MyImage@2x~iphone.png - Version haute résolution d'une image pour iPhone et iPod touch avec écrans Retina.

Ressources image, son et vidéo

7
bdalziel