2016-10-12 2 views
2

Ich habe 1x, 2x und 3x Bilder in Bild Assets Datei wie unten erwähnt Bild.Bild 1x, 2x und 3x Probleme auf verschiedenen Geräten in iOS

Image 1

Aber wurden sie wie unten erwähnt Bild 1x Bild für alle Geräte gelegt.

Image 2

Am Xcode 7.3 und iOS 9.3. Ich habe Bildansicht mit Auto-Layout erstellt. Und setzen Sie Align centre x to superview und Align centre Y to superview.

Jede Beratung/Eingabe wäre willkommen! Vielen Dank.

+0

Geben Sie Constrain auf UIImageView Aspect Ratio –

+0

Was Content-Modus für die UIImageView verwenden? – Adeel

+0

Ihre Designer-Berechnung falsch, um ein Slicing-Bild zu erstellen. nehmen Sie Ihr Bild 1x 19 * 19 dann sein 2x 45 * 45 und in 3x 75 * 75 –

Antwort

6

Diese Ordnung ist. 3x bedeutet nicht, dass Ihr imageview dreimal größer angezeigt wird. Es wird dreimal größere Auflösung verwendet. Das heißt, wenn Ihre Bildansichtsgröße 50x50 ist, dann erfordert iphone 6 plus (5.5 inch) Bild mit der Auflösung 150x150. Wenn Sie das Bild mit der Auflösung 50x50 auf diese Anzeige setzen, wird es nicht angezeigt. Das ist es. Es bedeutet nicht, dass 3x Bild 3 mal größer als original imageview angezeigt wird.

Dann brauchen Sie auch Ihre Bildansicht von Ihrer Größe Ihres Bildes dann setzen Sie UIViewContentModeScaleAspectFill Content-Modus auf Ihre Bildansicht mit den gleichen Einschränkungen in Frage!

1

Stellen Sie sicher, dass Ihre Inhalte Modus UIViewContentModeScaleAspectFill ist und es gibt keine Höhe/Breite Einschränkungen für Ihre UIImageView

2

Da @Lion diese Frage sehr gut beantwortet hat, bedeutet die Verwendung von 3X nicht, dass Ihre Bildhöhe und -breite 3 Mal erhöht wird.

Wenn Sie die Bildansicht für ein größeres Gerät anpassen möchten, müssen Sie nur die entsprechenden Beschränkungen für die automatische Anordnung verwenden.

Folgen Sie diesen, wenn Sie den Ursprung und die Größe der Bildansicht mit der Gerätegröße (Seitenverhältnis) ändern möchten. Wenn Ihre Größe der Bildansicht die Größe ändert, verwenden Sie das 2/3 mal größere Bild als Bildansicht für 2X/3X Auflösung.

Autolayout: origin and size should change according to width and height factor

Schauen Sie sich diese Geräte

iPhone 4 und vor @ 1X

iPhone 4S, 5,5S, 5C, 6,6S, 7,7S @ 2x

iPhone 6 +, 6S +, 7 +, 7S + @ 3x

Nehmen wir an, dass nach Anwendung von Einschränkungen für einen größeren Bildschirm die Größe der Bildansicht (50,50) dann verwenden Sie ein Bild der Größe 150,150 für 3-fache Auflösung

Verwandte Themen