2016-07-27 15 views
0

Ich habe versucht, dies auf eigene Faust zu lösen, aber ich kann wirklich nicht verstehen, Auto-Layout. Ich suchte auch hier nach einer Lösung, aber ich konnte niemanden mit diesem ähnlichen Problem finden (obwohl ich viele Leute sehe, die mit Auto-Layout kämpfen). Ich möchte eine App im Querformat erstellen, die von jedem iPhone 5 und höher unterstützt wird. Ich habe einige Constraints auf, mit dieser als Ergebnis:Ändern Einschränkungen abhängig von der Bildschirmgröße

How it should be

Oben ist das richtige Bild, wie man es auf jedem Gerät sein sollte. Kann ich es relativ zu einer Bildschirmgröße einstellen? Ich habe versucht, Werte mit dem Multiplikator zu ändern, aber das hat nicht gut funktioniert.

How it is on bigger screens

Hier können Sie sehen, wie es jetzt ist. Da die Werte absolut und nicht relativ sind, denke ich, ändert sich das nicht ... Übrigens verwende ich "compact height", um meine Landschafts-Apps für das iPhone zu erstellen, stimmt das? Oder ist das der Grund für dieses große Problem?

+0

der Teil, den Sie falsch angezeigt haben, welcher Teil ist klein? die Etikettengröße oder die Schriftart? – xmhafiz

+0

Machst du das alles mit individuellen Einschränkungen? Wenn ja, würde ich dringend empfehlen, es in eine Stapelansicht zu schalten. Außerdem sieht es so aus, als ob Sie nur die Position der Menüpunkte anpassen. Sicher, die Größe der Gegenstände sollte sich auch ändern? – Westside

+0

bis h44f33z: Etikettengröße und Schrift sind zu klein. Aber was mich wirklich stört ist, dass sich das Label nicht relativ bewegt, wenn die Bildschirmgröße größer wird. Weißt du was ich meine oder soll ich mehr Bilder liefern? zu Chris: Ja, was ich jetzt mache, ist jeden Gegenstand aufzunehmen und Zwänge hinzuzufügen, ist das der falsche Weg? Ich hatte vorher noch nie von Stack-Views gehört. Ist das ein besserer Weg, Einschränkungen hinzuzufügen als das, was ich gerade mache? Ja, die Größe der Artikel muss sich ebenfalls ändern. Ich habe gerade mit dem Auto-Layout angefangen, ich weiß noch nicht viel :( – Petravd1994

Antwort

0

Hier ist ein kurzer Überblick über das könnte als die allgemeinen Anleitungen auf Ihre Bedürfnisse mehr anwendbar sein ...

Erstellen Sie Ihre Elemente auf dem Storyboard und legen sie in etwa der richtigen Stelle aus:

enter image description here

Wählen Sie die Elemente 1-4 und drücken Sie die Stapelansicht-Schaltfläche, wählen Sie dann die Elemente 5-8 und tun Sie das gleiche, Xcode ist sehr gut darin, zu erraten, was Sie wollen, so erhalten Sie zwei vertikale Stapelansichten, wie diese:

Wählen sie beide, drücken Sie die Stapelansicht Taste erneut, und Sie werden eine horizontale Stapelansicht, die Ihre zwei vertikale Stapel Ansichten enthält:

enter image description here

Dann wählen Sie diese Stapelansicht und den Header und drücken Sie die Stapelansicht Taste ein letztes Mal sie in einer anderen vertikalen Stapeln Ansicht zu setzen:

enter image description here

Wie man muss nur adda wenig c Integrieren Sie in die äußere Stapelansicht und ändern Sie dann die Einstellungen für jede Stapelansicht. In diesem Fall habe ich die äußere Stapelansicht 20 von den Ansichtsrändern angeheftet, die äußere Stapelansicht so eingestellt, dass sie proportional gefüllt wird, und alles andere, um sie gleichmäßig auszufüllen. Außerdem habe ich die vertikalen Stapelansichten auf die zentrierte Ausrichtung eingestellt. Sie können mit all diesen Einstellungen spielen um ein Ergebnis zu erhalten, die Sie ansprechend finden:

enter image description here

Diese jetzt perfekt für jede Größe Bildschirm skaliert:

enter image description here

Ich habe gerade verwendet Etiketten für Geschwindigkeit, aber die gleichen Regeln gelten für Bilder oder was auch immer.

Hoffe, dass hilft, bleiben Sie mit den Tutorials und üben Sie weiter, bis Sie es herausfinden, es wird Ihnen viel Zeit auf lange Sicht sparen.

+0

Vielen Dank für Ihre Antwort. Beim Hinzufügen von Stapelansichten fühlt es sich nicht wirklich glatt an. Manche Bilder werden größer und verlieren das Seitenverhältnis ... Außerdem habe ich einige Level für dieses Spiel entworfen. Wenn ich Stapelansichten hinzufüge, bekomme ich Zeilen um die Stapelansicht herum, die ich nicht haben möchte. Ist das der beste Weg? – Petravd1994

+0

Und welche Einstellungen muss ich verwenden? Warum vermeiden alle diese Frage ?! Ich benutze Any - Any, stimmt das? – Petravd1994

+0

Die Zeilen erscheinen nur in der Vorschau, nicht in der App. Alle anderen Einschränkungen wie das Seitenverhältnis können nachträglich angepasst werden, um das Aussehen Ihres Layouts zu verfeinern. Stack Ansichten zuerst, dann Einschränkungen. Es gibt keinen definitiven "besten Weg", aber das wäre meine Empfehlung in diesem Fall. – Westside