2014-12-02 8 views
5

Ich erhielt Design (Photoshop) Layout von einem Designer in Pixel. Wie konvertiere ich diese in Punkte wie von iOS gefordert?PSD Pixel zu IOS Punkte

Ich habe versucht, Pixel für Punkte zu ersetzen, die denken, dass es eine 1:1 Umwandlung sein kann, aber auf der Programmierung in der App sieht das Design seltsam aus (größer als erwartet).

Tabelle Kopfhöhe Beispiel: Versucht konvertierte 32px + 40px von psd = 72 Punkte in ios aber in den Comps der Tabellenkopf ist nur ein wenig größer als die navBar (was natürlich 44 Punkte).

Soll der Designer das Layout in Punkten anstatt in Pixeln bereitstellen?

Wenn nicht, wie konvertiere ich die Pixel in Punkte für iOS?

Antwort

11

Das Konvertieren von Pixeln in Punkte hängt vom iOS-Zielgerät ab. Auf einem 1x Gerät (iPad 1 & 2, iPhone bis 3GS), 1 UIKit Punkt == 1 Pixel. Auf Retina-Geräten (iPad 3 und höher, iPhone 4 und höher), 1 UIKit-Punkt == 2 Pixel.

+0

Danke @Zev. Wird das auch für iphone6 ​​+ funktionieren? –

+5

Auf iPhone 6 Plus, 1 UIKit Punkt == 3 von, aber dann wird es verkleinert, um in das Display zu passen. Ausführliche Erklärung hier: http://www.paintcodeapp.com/news/iphone-6-screens-demystified –

+0

Der paintcodeapp Link ist eine wirklich gute Ressource, um die verschiedenen Auflösungen und Bildschirmgrößen herauszufinden. Irgendeine Idee, worum es beim Downsampling geht? –