iPhone @ 2x design dans Sketch TROUBLE

Question

J'ai déjà lu une énorme quantité de messages et d'articles sur les tailles d'écran iPhone, mais ne trouve pas l'information sur le prochain problème.

Récemment, j'ai obtenu un design fait dans les tailles de sketch et artboard sont 640x1136 (et toutes les ressources sont, comme l'image de fond). Comme je peux le comprendre - designer heave a fait un design pour iphone 5 - 4inch. Et mes créations sont à 2x. Ai-je raison?

Please see Sketch project Screen here!

donc je veux exporter la conception pour tous les iphones 4,5,6,6s et plus.

Actuellement, je développe mon projet avec iphone 6s plus périphérique physique.

Mais quand j'exporter des dessins dans le croquis que sur un screenshoot - i get 3 images

1. 320x568 px (exportés sous forme de 0,5x)
2. 640x1136 px (exportés en 1x)
3. 960x1704 px (exporté en tant que 1.5x)

Et ils ne correspondent pas à tous les périphériques lorsque j'ajoute 3 images à Assets.xcassets.

Aussi je peux exporter à 2x mais j'obtiens 1280 × 2272px et c'est plus grand que que l'iPhone 6s plus la résolution d'écran.

Que dois-je faire pour que ces conceptions de croquis fonctionnent bien sur tous les iPhones, en particulier sur mon iPhone 6s plus? Peut-être que je peux utiliser une seule image pour tous les iPhones dans xcode?

Answer 1

Je crois que le problème que vous rencontrez est que tous les iPhone n'ont pas le même rapport d'aspect. Par conséquent, vous ne pouvez pas simplement redimensionner les images pour les adapter à tous les iPhones.

640 x 1136 est la bonne résolution de pixel pour l'iPhone 5. Cependant, l'iPhone 4 est 640 x 960 (plus courte en hauteur, mais la même largeur). En fonction de l'aspect de l'image (et donc de son aspect), vous pouvez recadrer les images lors de l'exportation depuis Sketch ou étirer l'image pour l'adapter à toutes les tailles d'écran.