Laden Sie die kostenlose App Swift Playgrounds herunter, falls sie noch nicht auf Ihrem Gerät installiert ist.

Wenn Sie Swift Playgrounds öffnen, gelangen Sie direkt auf die Seite „Neuer Playground“. Wenn Sie die App bereits geöffnet haben, sehen Sie hier Ihre früheren Playground-Dateien. Wenn nicht, ist der Bildschirm größtenteils leer. In jedem Fall befindet sich am unteren Rand des Bildschirms ein Feld mit dem Titel Andere Spielplätze“. Tippen Sie auf die blaue Schaltfläche „Alle anzeigen“ am rechten Ende dieses Fensters, und das Fenster sollte sich erweitern, um die Swift-Tutorials von Apple anzuzeigen. Scrollen Sie nach unten zur Zeile „Startpunkte“ und tippen Sie dort auf die blaue Schaltfläche „Alle anzeigen“.

Jetzt sollten Sie in der Lage sein, alle Beispielprojekte zu sehen, die Apple anbietet, obwohl es zum Zeitpunkt, an dem ich dies schreibe, kein Beispiel für SwiftUI gibt.

Sie haben zwei Möglichkeiten, die als Startpunkte für dieses Tutorial dienen. Blank wird eine neue .playgroundbook-Datei erstellen, die in Swift Playgrounds auf einem iPad geöffnet werden kann, aber nicht von Xcode auf einem Mac geöffnet werden kann. Wenn Sie Ihr iPad unabhängig verwenden möchten, ist dies wahrscheinlich das richtige Format für Sie. Wenn Sie sich vorstellen können, auf Xcode umzusteigen, kommt hier der Ausgangspunkt namens Xcode Playground ins Spiel. Diese App verwendet denselben .playgroundDateityp wie Xcode, sodass du dieselbe Datei auf beiden Geräten bearbeiten kannst.

Swift Playgrounds scheint seine Dokumente standardmäßig in iCloud zu speichern, sodass du von beiden Geräten aus auf dieselbe Datei zugreifen kannst, ohne sie dir jedes Mal per E-Mail oder AirDrop schicken zu müssen. Auf der Seite „New Playground“ der App befindet sich oben links eine blaue Schaltfläche „Locations“, mit der Sie die App „Files“ durchsuchen können, so dass Sie auch auf andere Cloud-Anbieter wie Dropbox, Google Drive und Microsoft OneDrive zugreifen können.

Wenn Sie SwiftUI nur in einer sicheren Sandbox auf Ihrem iPad lernen möchten, wird dies für Sie nicht so wichtig sein.

Es ist möglich, SwiftUI in Playgrounds ohne ein Vorschaufenster zu schreiben. Dazu importieren Sie einfach SwiftUI und erstellen eine Struktur, die dem View-Protokoll entspricht, mit der erforderlichen Body-Variable, die „some View“ zurückgibt. Playgrounds verfügt über eine Code-Vervollständigung und kann Ihnen helfen, Ihre SwiftUI mit automatischen Korrekturen für häufige Fehler zu korrigieren. Aber die wirkliche Stärke von SwiftUI in Xcode ist die Möglichkeit, eine Live-Vorschau dessen zu sehen, was Sie erstellen, also brauchen wir zwei weitere Zeilen, um das auf dem iPad zu ermöglichen.

Durch den Import von PlaygroundSupport erhalten Sie Zugriff auf PlaygroundPage, das die Konfiguration Ihrer iPad-Codierumgebung ermöglicht. Es ist immer nur eine Playground-Seite aktiv, daher ist diese statische Instanz über PlaygroundPage.current zugänglich. Dies gibt uns die Möglichkeit, die Live-Ansicht, die kontinuierlich auf dem iPad läuft, auf die ContentView zu setzen, die wir oben erstellt haben.

Jetzt sollten Sie in der Lage sein, auf die Schaltfläche „Meinen Code ausführen“ zu drücken und zu sehen, dass die App in eine geteilte Ansicht wechselt. Auf der linken Seite befindet sich der SwiftUI-Code, und auf der rechten Seite sollte die Live-Ansicht zu sehen sein, die in der Mitte fettgedruckt „SwiftUI auf dem iPad“ anzeigt. Jetzt sind Sie bereit, Ihre Benutzeroberfläche zu erstellen, die viele der Steuerelemente verwenden wird, die mit SwiftUI geliefert werden.

Zunächst müssen wir StateVariablen verwenden, die im Grunde Daten lokal in der SwiftUI-Struktur speichern und die View neu zeichnen, wenn sich ihre Werte ändern.

Fügen Sie diese innerhalb der Klammern der ContentView-Struktur ein, aber vor der Deklaration der Eigenschaft body. Das ist alles, was wir brauchen, um den Status aller unserer Steuerelemente zu speichern.