Die Bildgröße für verschiedene Auflösungsbildschirme verstehen

Es fällt mir schwer, alle Informationen zu Bildgrößen für @ 1x, @ 2x und @ 3x zusammen zu geben. Ich habe den Szeneneditor in XCode mit der Szenengröße 1334x750 (Pixelmaße des Bildschirms des iPhone 6) verwendet. Also, wenn ich ein Bild für ein Sprite in dieser Szene Größe, ist das die Größe, die ich für das @ 2x verwenden sollte?Die Bildgröße für verschiedene Auflösungsbildschirme verstehen

Von was ich in der Dokumentation gelesen habe CGSize verwendet Punkte, nicht Pixel, also wenn ich ein Bild habe, das CGSize ist (Breite: 50, Höhe: 50), ist dies unabhängig von meiner Szenengröße im Szeneneditor ?

Bottom line Frage: Wie übersetzt die CGSize Dimensionen, wie ich meine Bilder für @ 1x, @ 2x und @ 3x in Pixel exportieren und was sollte der PPI sein, wenn ich exportiere?

Quelle

2016-11-07 claassenApps

@claassentApps, wenn meine Antwort auf den Punkt ist, dann bitte Häkchen ** Antwort akzeptieren **. Danke –

@FaizFareed, ich glaube nicht, dass es wirklich meine Frage beantwortet - meine war mehr darüber, welche Größen (in Pixeln) ich für eine bestimmte CGSize (in Punkten) exportieren muss und wie viele Pixel pro Zoll ich beim Export verwenden soll . Zugegeben, ich hatte noch keine Gelegenheit, die Videos zu hören, die Sie gepostet haben, aber ich verwende nicht AutoLayout, sondern den Szeneneditor in SpriteKit. – claassenApps

@FaizFareed Sie sind weit davon entfernt, diese Frage zu beantworten. Diese Frage ist die Grundlage für die Täuschung, die der Retina ohne Warnung innewohnt, und ihre fortwährenden Auswirkungen auf Xcode, da jedes neue Bildschirmmerkmal bis zu seiner Veröffentlichung geheim gehalten wird und die damit verbundenen Möglichkeiten und Willkür, wie Xcode damit umgeht künstliche Probleme. – Confused

Das Konzept ist einfach. Die Größe im Storyboard oder im Interface Builder sollte der Größe Ihres Assets im @ 1x-Format entsprechen.

Das Retina Display (oder das iPhone 6+ @ 3x Größe) bedeutet nicht, dass Sie viel Platz haben als zuvor, dh Sie können 2 (oder 3) Pixel zeichnen, wo Sie vorher 1 zeichnen.

Also für ein 50x50 Pixel Bild Ansicht, cou sollten 3-Assets haben: - [email protected] (50x50 Pixel) - [email protected] (100x100 px) - [email protected] (150x150 px

)

Quelle

2016-11-07 17:12:22 CZ54

Danke für die Post. Also abstrahiert die CGSize (unter Verwendung von Punkten) die Idee von Pixeln? - Wenn die CGSize 50x50 Punkte beträgt, verwenden Sie für '@ 1x' 50x50 Pixel, '@ 2x', verwenden Sie 100x100 Pixel und '@ 3x', verwenden Sie 150x150 Pixel? Wie passt PPI zu all dem? – claassenApps

Ja tatsächlich. Eine CGSize (50,50) wird auf allen Bildschirmtypen genau gleich aussehen. Für den zweiten Teil ist dies die Magie der Retina, die zweimal mehr Pixel im gleichen Zollraum zeichnen – CZ54

@ CZ54, bro Könnten Sie mir bitte helfen, meine Frage zu überprüfen http://StackOverflow.com/Questions/43955856/different -Launch-Bildschirm-Bild-oder-Hintergrund-Bild-Größen-für-iOS-Geräte? –

Angenommen, Sie ein Bild erstellt haben, Bibliothek in Ihrem Vermögen, bestehend aus 3 Sätzen gleichen Bild, @1x.png mit einer Größe 50x50 pixels, @2x.png der Größe 100x100 pixels und @3x.png Größe 150x150 pixels.

Sie müssen sich keine Gedanken darüber machen, welches in Ihrem Storyboard verwendet wird (da das Storyboard automatisch @ 1x.png verwendet) und welches für das Zielgerät wie iPhone6, iPhone7 oder iPad (weil standardmäßig programing finden alle Hardware ihre Pixel relativ erforderliches Bild unter denen aus @ 1x.png, @ 2x.png und @ 3x.png)

für weitere Anweisungen, die Sie auch zu studieren Auto layout Programing Guide brauchen ihren Apfel Tutorial-Videos ansehen in Bezug auf das automatische Layout.

Geheimnisse der Auto-Layout part1

Geheimnisse der Auto-Layout part2

Quelle

2016-11-07 18:16:28

bro Könnten Sie bitte meine Frage http://stackoverflow.com/questions/43955856/different-launch-screen-image-or-background-image-size-for-iios-devices einsehen? –

Xcode können Vektor-Bilder verarbeiten, so dass Sie über @ vergessen 2X und @ 3X Bilder, wenn Sie in der Lage sind, Ihre Bilder als PDF zu exportieren, zum Beispiel in Sketches Export-Panel eine der Optionen für das Exportformat ist PDF, also erstellen Sie Ihre Grafik @ 1X und exportieren als PDF, dann in Xcode, wenn Sie das Bild zu Assets.xcassets hinzufügen, können Sie die Bilder Scales Attribut auf Single Scale setzen. Xcode generiert die benötigten @ 2X- und @ 3X-Bilder aus Ihrem Vektor-PDF zum Zeitpunkt der Erstellung.

Quelle

2016-11-07 18:38:23

Ich wusste das nicht, ich werde es versuchen müssen. Könnten Sie vielleicht eine Grafik zur Verfügung stellen, die zeigt, dass sie tatsächlich @ @ 2X und \ @ 3X erzeugt, und nicht nur einen \ @ 1X Vektor, konvertiert in Bitmap, dann Skalierung – Knight0fDragon

@ Knight0fDragon Dies [SO Beitrag] (http: // stackoverflow com/questions/25818845/how-do-vektor-images-work-in-xcode-ie-pdf-files) erklärt, wie Vektoren in Xcode funktionieren. –

@MarkBrownsword, Gibt es eine Möglichkeit, Vektorgrafiken in einem Sprite-Atlas zu verwenden? Ich sehe einige der Optionen nicht, damit sie funktionieren, wenn sie in einem Sprite-Atlas enthalten sind. – claassenApps

@1x und @2x verwendet, um die Retina-Grafik zu ändern, wenn das iPhone 4 herauskam.

iPhone 3GS war 320x480, iPhone 4 war 640x960. Dies bedeutete, dass die Punkte pro Zoll buchstäblich gleich waren, aber die ppi wurde verdoppelt, daher die @2x. Als das iPhone 5 herauskam, änderte sich nur die Höhe, also war die ppi für die Breite gleich, hier keine Probleme.

Dann trafen wir die 6 und 6+.An diesem Punkt sagte Apple, schrauben Sie es, versuchen Sie, ppi zu behalten, die mit vorherigen iPhones korrelieren, ohne den vorherigen iPhones verwendbaren Bereich behalten zu haben, oder größere Bildschirmpixel für größere Geräte zur Verfügung zu stellen. Jetzt hat @2x seine ursprüngliche Bedeutung verloren

Aber um uns wirklich wegzuwerfen, machten sie das iPhone SE, das zurück zur ppi-Bildschirmgröße des iPhone 5 ging, so macht @2x wieder Sinn.

Grundsätzlich, wenn Sie an die @ 2x Grafik denken, denken Sie an die 1. iPhone Auflösung Größe.

Jetzt haben Sie eine Wahl zu treffen. Sie können Ihren Apps mehr oder weniger nutzbare Fläche geben, Sie können die zusätzliche nutzbare Fläche schwarz einrahmen, oder Sie können eine Art Qualitätsverlust aufgrund von Spielpixeln machen, die nicht mehr 1: 1 mit den Bildschirmpixeln sind.

Quelle

2016-11-08 16:26:34 Knight0fDragon

Könnten Sie mir bitte helfen, meine Frage zu sehen http://stackoverflow.com/questions/43955856/different-launch-screen-image-or-background-image-sizes-for-iios-devices bro? –

Die Bildgröße für verschiedene Auflösungsbildschirme verstehen

Antwort

Verwandte Themen