iPhone @ 2x Design in Sketch TROUBLE

Question

Ich habe schon eine riesige Menge an Posts und Artikeln über iPhone Bildschirmgrößen gelesen, kann aber nicht die Info über das nächste Problem finden.

Kürzlich bekomme ich ein Design in Skizze und Zeichenfläche Größen 640x1136 (und alle Ressourcen sind so, wie Hintergrundbild) gemacht. Wie ich verstehen kann - Designer Heb einen Entwurf für iphone 5 - 4inch gemacht. Und meine Designs sind 2x. Habe ich recht?

Please see Sketch project Screen here!

So möchte ich Entwurf für alle iphones 4,5,6,6s exportieren Plus.

Derzeit entwickle ich mein Projekt mit iPhone 6s plus physisches Gerät.

Aber wenn ich Entwürfe in Skizze exportieren als auf einem Screen - i erhalten 3 Bilder

1. 320x568 Pixel (als 0,5x exportiert)
2. 640x1136 Pixel (als 1x exportiert)
3. 960x1704 Pixel (als 1,5x exportiert)

Und sie für alle Geräte nicht passt, wenn ich 3 Bilder zu Assets.xcassets hinzufügen.

Auch ich kann bei 2x exportieren, aber ich bekomme 1280 × 2272px und es ist größer als iPhone 6s plus Bildschirmauflösung.

Was soll ich tun, damit diese Sketch Designs auf allen iPhones funktionieren, besonders auf meinem iPhone 6s Plus? Vielleicht kann ich nur ein Bild für alle iPhones in xcode verwenden?

Answer 1

Ich glaube das Problem ist, dass nicht alle iPhone das gleiche Seitenverhältnis haben. Daher können Sie die Bilder nicht einfach auf alle iPhones skalieren.

640 x 1136 ist die richtige Pixelauflösung für das iPhone 5. Allerdings ist das iPhone 4 640 x 960 (kürzer in der Höhe, aber gleiche Breite).

Je nachdem, wie das Bild aussieht (und daher besser aussieht), können Sie die Bilder beim Exportieren aus Sketch zuschneiden oder das Bild auf alle Bildschirmgrößen strecken.