it-swarm.com.de

Was sollte die Bildgröße in Xcode bei @ 1x, @ 2x und @ 3x sein?

Zum Beispiel habe ich eine 100*100-Größe-Imageview oder -Schaltfläche, und ich möchte ihr Image oder backgroundImage mit einer lokalen .png-Datei festlegen. Nach meinem Verständnis muss ich drei Bildsätze erstellen, d. H. 100*100 für @1x, 200*200 für @2x, 300*300 für @3x. Ich bin mir nicht sicher, ob mein Verständnis richtig ist oder nicht. Kann jemand helfen? 

54
user2053760

Nach meinem Verständnis ist die Bildgröße 100 * 100

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

 enter image description here

Es gibt etwas zu verstehen. Durch das Erstellen von 2x- und 3x-Bildern können Sie nicht von jedem iPhone-Bildschirm genau dasselbe Layout erwarten. Das Layout ist von Bildschirm zu Bildschirm unterschiedlich. Die Bildgrößen 1x, 2x und 3x betreffen nur die Pixeldichte des Bildschirms.

Angenommen, Sie haben ein Bild, das 320 * 70 ist und Sie erstellen 

@1x -> 320 * 70

@2x -> 640 * 140

@3x -> 960 * 210

Dies wird Ihre Ausgabe in verschiedenen Bildschirmen sein .  enter image description here

78
enadun

Für @3x-Bild die @1x-Bildgröße um das 3-fache erhöhen!

z.B. 

15 x 15 = @1x

30 x 30 = @2x

45 x 45 = @3x

OR

100 x 100 = @1x

200 x 200 = @2x

300 x 300 = @3x

OR

15 x 10 = @1x

30 x 20 = @2x

45 x 30 = @3x

Ich hoffe das ist hilfreich für dich!

16
Rupal Patel

Ja, dein Verständnis ist richtig.

Ein Bild mit Standardauflösung hat einen Skalierungsfaktor von 1,0 und wird als @ 1x-Bild bezeichnet. Hochauflösende Bilder haben einen Skalierungsfaktor von 2,0 oder 3,0 und werden als @ 2x und @ 3x Bilder bezeichnet. Angenommen, Sie haben eine Standardauflösung bei einem 1x-Bild, das beispielsweise 100px × 100px ist. Die @ 2x-Version dieses Bildes wäre 200px × 200px. Die @ 3x-Version wäre 300px × 300px.

enter image description here

Weitere Informationen finden Sie unter diesem Link https://developer.Apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

9
Nilesh Mahajan

Ja, du hast recht. Wenn Sie jedoch Assets verwenden, können Sie dies in einem Bild mit drei Slots tun

4
Azat

Verwenden Sie den Bestandskatalog. Xcode verwaltet die @ 1x, @ 2x, @ 3x einfach und gibt die Abmessungen der Bilder an.

Damit lassen sich AppIcon- und LaunchScreen-Bilder einfach verwalten.