2016-06-24 5 views
0

Ich versuche, ein rechteckiges Bild richtig skalieren zu lassen, und ich habe Probleme, die Größe für kleinere Bildschirme zu fixieren.iOS - Umgang mit Bildseitenverhältnis Einschränkung mit kleiner Bildschirmgröße

Zur Zeit habe ich mein Layout für Bildschirmgrößen optimiert für 6+, 6 und 5.

auf dem iPhone 4S, werden die Dinge verrückt.

Derzeit ist meine Ration bei 320: 257 Multiplizierer

Meine Frage ist: Wie begrenzen wir die Größe von zu groß, zu werden und was die optimale Lösung für dieses Problem wäre?

Ich denke, seine besten Bilder zu zeigen:

iPhone 6s

enter image description here

iPhone 5

enter image description here

iP schärfen 4s

enter image description here

+0

Machen Sie 'IBOutlet' von' leading' und 'Trailing Constraint' und dann können Sie Wert von ihnen setzen, wenn Sie Gerät gefunden haben, ist iphone4 oder iphone5s. –

+0

Warum verwenden Sie nicht die Bildlaufansicht? –

+0

Verwenden einer Bildlaufansicht für einen Player-Bildschirm? Das ist ein sehr merkwürdiges Design. @Balkaransingh – Andy

Antwort

0

Es gibt zwei Möglichkeiten, folgende Sie Ihr Problem lösen können.

1) Stellen Sie IBOutlet of leading and Trailing Constraint und dann können Sie value von ihnen setzen, wenn Sie das Gerät iphone4 or iphone5s gefunden haben.

2) Fügen Sie alle Ihre controls in UIScrollview und setzen scrollview Höhe dynamisch mit constraints

0

Die Sache, die mir als problematisch sieht, ist, dass wir nicht haben, Marge, die Größe des Bildes zu ändern, wie es will Auswirkungen auf das Seitenverhältnis. Außerdem sieht dieser Bildschirm wie ein Player aus und mein Verständnis ist, dass das Bild nicht statisch ist und je nach Album, Künstler usw. variiert (Wenn dies nicht der Fall ist, können Sie dieses Bild für IPhone 4 neu entwerfen und das Problem wird gelöst) .

Auf der anderen Seite sollten Sie dieses Problem lösen, indem Sie die Faktoren Content Hugging Priority und Content Compression Resistance Priority für die Player-Steuerelemente steuern.

Für eine Kurzanleitung auf How to use Content Hugging Priority and Content Compression Resistance Priority und auch eine Recommended Read.

Hoffe, dass hilft!

+0

Ich mache mir keine Sorgen, dass das Bild für jedes Bild perfekt skaliert wird. Ich verwende Aspect Fill. Aber Content Hugging Priority und Content Compression Resistance Priority sehen wie folgt aus. Ich werde dich wissen lassen, wie es läuft. Danke. – Andy