Dies ist nur eine Erweiterung, wie Sie "Vary Traits" schnell in Ihrem Projekt verwenden können, um verschiedene Layouts für iPad und iPhones hinzuzufügen.
Bitte lesen Sie dies, um mehr über die Größenklassen zu erfahren.
https://developer.apple.com/reference/uikit/uitraitcollection
Wenn Sie das folgende Beispiel überspringen, lesen Sie am Ende die Zusammenfassung.
Sie benötigen eine Schaltfläche mit unterschiedlichen Breiten in iPhone und iPad. Ersteres hat eine Breite von 80 und letzteres eine Breite von 300.
Variieren Sie für Merkmale mit mehreren Einschränkungen, wie installiert.
SCHRITTE :
- Fügen Sie zuerst die allgemeinen Einschränkungen hinzu, z. B. Zentrieren Sie die Schaltfläche horizontal und vertikal.
- Wählen Sie VaryForTraits und für iPhone-Bildschirme gemäß den Richtlinien für Größenklassen passt eine C * R-Größenklasse zum Modell. Hiermit überprüfen wir die Häkchen für Breite und Höhe in PopUp. Schließen Sie das Popup, indem Sie auf eine beliebige Stelle auf dem Bildschirm klicken.
- Fügen Sie die Breitenkonstante hinzu und prüfen Sie, ob die Einschränkung für die Größenklasse C * R hinzugefügt wurde. Wählen Sie nach dem Hinzufügen von Einschränkungen die Schaltfläche Fertig Variieren.
- Wählen Sie für iPad-Bildschirme erneut ein iPad-Gerät aus und wählen Sie VaryForTraits. Dieses Mal sollte beim Klicken auf Höhe-Breite die R * R-Variation angezeigt werden.
- Fügen Sie erneut eine Breitenbeschränkung hinzu. Die zuletzt hinzugefügte iPhone-Breitenbeschränkung muss wie im Screenshot nicht hervorgehoben sein. Der Mehrwert gilt diesmal für die Größenklasse R * R.
- Wechseln Sie zurück zum iPhone-Layout und es dauert 80 als Breite und das iPad 300.
FAZIT :
Bitte beachten Sie, dass insgesamt zwei Einschränkungen hinzugefügt wurden und sich die Werte in beiden Einschränkungen je nach gewählter Größenklasse unterscheiden.
Variieren Sie für Merkmale mit einer Einschränkung, mehrere Größenklassen installiert
- SCHRITTE :
- Fügen Sie die normale Breitenbeschränkung hinzu. Wählen Sie dann diese Einschränkung aus und klicken Sie neben dem Konstantenwert auf die Schaltfläche +.
- Fügen Sie eine Variation der Merkmale hinzu, und für das iPhone wählen wir C * R und setzen den konstanten Wert auf 100.
- Für das iPad, das einer Merkmalsvariation als R * R folgt, fügen wir eine weitere Variation hinzu, indem wir erneut auf die Schaltfläche + klicken und den Wert auf 300 setzen.
- Wenn Sie ein iPad auswählen, wird die Breite automatisch als 300 angenommen. Wenn Sie zum iPhone zurückkehren, wird 100 als Wert angenommen.
FAZIT :
Dies scheint eine bessere Option zu sein, als zwei Einschränkungen hinzuzufügen, wenn nur eine einzige Einschränkung erforderlich ist und der konstante Wert unterschiedlich ist.
Wann zu verwenden, was zu verwenden:
Beide Ansätze machen im Grunde dasselbe und setzen Werte auf Größenklassen.
Aber # Method1 wird verwendet , wenn Sie eine Einschränkung speziell für ein Gerät oder sagen wir Größenklasse hinzufügen möchten. Auf dem iPhone sollte die Schaltfläche beispielsweise von den Top 50 stammen und auf dem iPad sollte sie horizontal und vertikal zentriert sein. In solchen Situationen müssen Sie VaryForTraits verwenden, da es Türen öffnet, um Einschränkungen für eine bestimmte Größenklasse hinzuzufügen.
# Methode2 wird verwendet, wenn Sie unterschiedliche Konstantenwerte für denselben Einschränkungstyp wünschen.
PS: AN ALLE, DIE NICHT IN DER LAGE SIND, DAS BEISPIEL ZU ARBEITEN
Stellen Sie sicher, dass Sie nur die erforderlichen Einschränkungen als installiert hinzufügen. Das Kontrollkästchen für Installiert sollte nur für die Einschränkung angezeigt werden, die Sie für eine Größenklasse benötigen. Das ist der Schlüssel!
Fügen Sie einfach eine oberste Einschränkung und einen zu einem uiButton in einer Ansicht führenden hinzu. Wählen Sie die oberste Einschränkung aus und deaktivieren Sie die grundlegende Option Installiert mit Pluszeichen. Fügen Sie nun durch Klicken auf das Pluszeichen eine Variation zu C R hinzu und aktivieren Sie diese Option. Ändern Sie nun das Gerät mit verschiedenen Ausrichtungskombinationen von iPhone auf iPad. Diese Einschränkung wird nur für die C R-Größenklasse angewendet, bei der es sich um ein iPhone im Hochformat handelt. Wenn das Kontrollkästchen für die Basisinstallation (die mit dem Plus-Symbol) aktiviert wurde, bedeutet dies, dass die Einschränkung auf alle Größenklassen angewendet werden sollte.
ZUSAMMENFASSUNG :
Trait Variation ist eine Änderung an der Darstellung Ihrer Benutzeroberfläche, die auf einer Gerätekonfiguration basiert. Merkmalsvariationen der Benutzeroberfläche sind nicht nur auf Einschränkungen beschränkt, sondern können auf viel mehr angewendet werden. Ändern Sie beispielsweise die Farbe des Hintergrunds und anderer Elemente, wenn das Gerät auf einen dunklen Stil eingestellt ist. Eine Variation kann auf ein Element der Benutzeroberfläche angewendet werden, z. B. das Entfernen einer Einschränkung, oder auf eine Eigenschaft einer Ansichtsklasse oder Einschränkung, z. B. die Schriftart für eine Beschriftung. Sie können variieren:
Größe oder Position einer Ansicht
Installation einer Ansicht
Installation einer Einschränkung
Einschränkungskonstante
Schriftart
Farbe für Schriftart, Farbton oder Hintergrund
Layoutränder
Bilddatei
Die spezifischen Eigenschaften, die Sie variieren können, hängen von der Klasse des Elements ab. In diesem Beispiel haben wir die Verwendung der Installation einer Einschränkung und der Einschränkungskonstante demonstriert. Andere sind recht einfach und können leicht abgeleitet werden.
