01
Erst den verfügbaren Platz nutzen, nicht ein Gerätemaß kopieren
Eine gute Übungsseite muss nicht auf jeder Ansicht gleich aussehen. Sie muss ihre Aufgabe erfüllen, auch wenn weniger oder mehr Raum zur Verfügung steht. Für eine Kursübersicht heißt das beispielsweise: Der Kurstitel bleibt auffindbar, der nächste Lernschritt ist erkennbar und eine wichtige Aktion lässt sich bedienen. Ein Screenshot ist dabei eine Momentaufnahme – keine Regel, nach der alle Elemente auf unveränderlichen Koordinaten stehen müssen.
SwiftUI ordnet Elemente in Containern an. Ein VStack stapelt Inhalte vertikal, ein HStack reiht sie horizontal aneinander. Diese Bausteine sind ein sinnvoller Anfang, wenn Sie zunächst eine einfache Kursseite mit Überschrift, Fortschrittsanzeige, Lektionenliste und einer Aktion wie „Weiterlernen“ erstellen. Apples Grundlagendokument zu SwiftUI-Layouts erklärt, wie Ansichten zusammenspielen. Für Ihre Übung ist vor allem wichtig: Ein Container legt eine Beziehung zwischen Elementen fest, aber nicht zwangsläufig eine starre Bildschirmgröße.
Beginnen Sie daher mit wenigen, klar erkennbaren Bereichen. Fragen Sie bei jedem Element, ob es für die Aufgabe notwendig ist. Eine Kursseite kann etwa eine Begrüßung, den aktuellen Kurs, den nächsten Abschnitt und eine Fortschrittsinformation enthalten. Zusätzliche Hinweise dürfen weiter unten stehen und bei Bedarf durch Scrollen erreichbar sein. Wenn Sie alle Inhalte von Anfang an in eine einzige Zeile pressen, behandeln Sie Platzmangel wie ein Problem, das durch kleinere Schrift verschwinden soll. Das macht die Oberfläche meist schwerer lesbar, statt sie besser anzupassen.
Sicherer Bereich klingt technischer, als es ist: Stellen Sie sich den sichtbaren Bildschirm wie eine Seite mit einem Rand vor, an dem Systemelemente oder Gerätekanten Platz beanspruchen können. Ein Text, der genau bis an diesen Rand reicht, kann ungünstig wirken oder mit Bedienelementen kollidieren. SwiftUI bietet dafür Layoutverhalten, das Sie nicht mit pauschalen Abständen ersetzen sollten. Bei Hintergründen ist die Entscheidung eine andere als bei interaktiven Inhalten: Apples Dokumentation zu Hintergründen und sicheren Bereichen zeigt, dass ein Hintergrund anders behandelt werden kann als der darüberliegende Inhalt.
Ein häufiger Anfängerfehler ist, einen einzelnen Screenshot als Maßstab zu nehmen und anschließend Breite und Höhe jedes Elements festzulegen. Das kann bei genau dieser Ansicht funktionieren, macht spätere Anpassungen aber unnötig anfällig. Behalten Sie feste Maße nur dort bei, wo sie eine konkrete gestalterische oder funktionale Aufgabe erfüllen. Für die restliche Seite sollten Sie beobachten, wie Text umbricht, wie sich Bereiche verteilen und ob die nächste wichtige Aktion erreichbar bleibt.
Merksatz: Der sichere Bereich ist kein pauschaler „Leerstreifen“, den Sie überall aus dem Layout herausrechnen müssen. Prüfen Sie, was tatsächlich verdeckt oder schwer bedienbar ist, und passen Sie nur die betroffenen Elemente an.
