Erstellen des Layouts mit einem uiLabel und einem uiTextField
Label
1) Projekt erstellen, Single View 2) Öffnen des Mainboards (View) 3) uiLabel per Drag&Drop hinzufügen
4) Anklicken des Layout-Schalters
5) Den oberen und linken Strich anklicken (siehe untere Abbildung)
Nun wird das Label immer nach link/oben ausgerichtet.
6) Schalter „Add x Constraints“ betätigen
7) Im View wird dann die errechnete Position mit roten Linien angezeigt
8) Schalter „Update Frames“ betätigen
Dann den Menüeintrag „Update Frames“ aufrufen
Damit müsste das Label immer korrekt ausgerichtet sein.
Bitte testen (vertikal und horizontal)
uiTextField
1) uiTextField per Drag&Drop hinzufügen 2) Das Textfeld unter dem Label positionieren.
3) Anklicken des Layout-Schalters
4) Den oberen, linken und rechten Strich anklicken (siehe untere Abbildung)
Abbildung 1 Constraints des Textfeldes
Nun wird das Textfeld immer nach link/oben und rechts ausgerichtet.
6) Schalter „Add x Constraints“ betätigen
7) Im View wird dann die errechnete Position mit roten Linien angezeigt
8) Schalter „Update Frames“ betätigen
Dann den Menüeintrag „Update Frames“ aufrufen und testen
Nun sollte das Layout fertig sein.
Wenn nicht, Schalter betätigen und den Menüeintrag „All Views in View Controller“ „Clear Constraints“ aufrufen. Dann sind alle Constraints gelöscht.
Ergebnis im Testmodus:
Abbildung 2 Vertikaler Test
Abbildung 3 Horizontaler Test
