XCode 9.3: macOS 10.13.4
Ich habe eine schnelle App, bei der die Tasten aus dem Gleichgewicht geraten. Ich brauche sie am unteren Bildschirmrand und zentriert. Der iOS-Simulator für iPhone 8 zeigt die Tasten korrekt an. Der Simulator für das iPhone SE und das eigentliche SE (mein iPhone) zeigen jedoch die Schaltflächen an, die am rechten Bildschirmrand verankert sind. Wie kann ich sicherstellen, dass die Tasten auf allen iPhones korrekt angezeigt werden?
5 Antworten
Erstes Sol
Dieses Layout kann korrekt ausgeführt werden, wenn die Mitte der mittleren Schaltfläche der Mitte des Bildschirms entspricht
Zweites Sol
Erstellen Sie ein UIStackView mit diesen Einschränkungen
1- links, rechts, unten zum Bildschirm
2- Höhe sagen 100
Bei einer Verteilung von fillEqually und einem Abstand von 20
Ziehen Sie die Schaltflächen hinein und sie sehen auf jedem Gerät richtig aus
- Entfernen Sie die Einschränkungen von den drei Schaltflächen: Berechnen, Löschen und Hilfe
- Richten Sie klar aus, um horizontal zentriert zu sein
- Richten Sie den nachlaufenden Versatz von Calc an der Spitze von Clear aus.
- Ausrichten Hilft beim führenden Versatz von Clear.
- Ausrichten Löschen Sie den unteren Versatz vom unteren Rand.
- Richten Sie Clear, Calc und Help so aus, dass sie vertikal zueinander zentriert sind.
Sie haben zwei Möglichkeiten: 1) Verwenden Sie den Legacy-Federbein- und Federmodus im Interface Builder, um Ihre Elemente nach Bedarf zu verteilen, oder 2) verbringen Sie die Zeit damit, das automatische Layout zu lernen, und verwenden Sie es stattdessen. Aufgrund der unterschiedlichen Bildschirmgrößen gibt es keine einfache Antwort, und Sie haben hier noch nicht einmal über iPad-Bildschirme nachgedacht. Der beste Weg, um das automatische Layout aufzunehmen, besteht darin, die WWDC-Videos zu diesem Thema anzuzeigen. Ja, es wird länger dauern, aber Ihre App reagiert besser auf Bildschirmänderungen und Sie können auch neue Bildschirmgrößen aufnehmen.
Verwenden Sie eine horizontale Stapelansicht für Schaltflächen und legen Sie den Abstand zwischen den Schaltflächen fest.
Ansatz 1 - Stellen Sie den hinteren und den vorderen Raum ein, stecken Sie die Ansicht nach unten und legen Sie eine feste Höhe für die Stapelansicht fest.
Ansatz 2 - Stellen Sie die feste Höhe und Breite auf Stapelansicht und horizontale Mitte ein und stecken Sie die Stapelansicht nach unten.
Versuchen Sie immer, die Stapelansicht zu verwenden, um die Anzahl der Autolayout-Probleme zu verringern, auf die Sie stoßen.
Bitte fügen Sie die Einschränkung für die Stapelansicht hinzu und passen Sie sie wie folgt an:
