Download den gratis Swift Playgrounds-app, hvis den ikke allerede findes på din enhed.

Når du åbner Swift Playgrounds, går du direkte til siden Ny Playground. Hvis du har åbnet appen før, vil du se dine tidligere Playground-filer her. Hvis ikke, vil skærmen for det meste være tom. Uanset hvad, er der et panel nederst på skærmen med titlen Other Playgrounds. Tryk på den blå “Se alle”-knap i højre ende af dette panel, og panelet bør udvides, så det viser de Swift-tutorials, som Apple tilbyder. Rul ned til rækken Starting Points, og tryk på den blå knap ‘See all’ for det.

Nu burde du kunne se alle de eksempelprojekter, som Apple stiller til rådighed, selv om der ikke er et eksempel for SwiftUI på det tidspunkt, hvor jeg skriver dette.

Du har to valgmuligheder, der vil fungere som startpunkter for denne vejledning. Blank vil oprette en ny .playgroundbook-fil, som kan åbnes i Swift Playgrounds på en iPad, men som ikke kan åbnes af Xcode på en Mac. Hvis du har det fint med at bruge din iPad uafhængigt, er dette format sandsynligvis det rette for dig. Hvis du kan se dig selv overgå til Xcode, er det her, at startpunktet kaldet Xcode Playground kommer ind i billedet. Denne bruger den samme .playground filtype, som Xcode bruger, hvilket giver dig mulighed for at redigere den samme fil på begge enheder.

Swift Playgrounds lader til at gemme sine dokumenter i iCloud som standard, så det er nemt at se, hvordan du kan få adgang til den samme fil fra begge enheder uden at skulle sende den til dig selv pr. e-mail eller AirDrop hver gang. På siden New Playground i appen er der en blå knap Locations øverst til venstre, som giver dig mulighed for at gennemse ved hjælp af appen Files, så du også kan få adgang til andre cloud-udbydere som Dropbox, Google Drive og Microsoft OneDrive.

Og hvis du kun ønsker at lære SwiftUI i en sikker sandkasse på din iPad, vil dette ikke have så stor betydning for dig.

Det er muligt at skrive SwiftUI i Playgrounds uden et preview-vindue. For at gøre dette skal du blot importere SwiftUI og oprette en struct, der er i overensstemmelse med View-protokollen, med den nødvendige body-variabel, der returnerer “some View”. Playgrounds har en vis kodekomplettering og kan hjælpe dig med at rette din SwiftUI med automatiske rettelser for almindelige fejl. Men den virkelige styrke ved SwiftUI i Xcode er muligheden for at se et live preview af det, du laver, så vi har brug for yderligere to linjer for at få det til at ske på iPad.

Importing PlaygroundSupport giver dig adgang til PlaygroundPage, som giver dig mulighed for at konfigurere dit iPad-kodningsmiljø. Der er kun én Playground-side aktiv på et givent tidspunkt, så denne statiske instans er tilgængelig via PlaygroundPage.current. Dette giver os mulighed for at indstille livevisningen, som kører kontinuerligt på iPad’en, til den ContentView, som vi oprettede ovenfor.

Nu skulle du kunne trykke på knappen “Kør min kode” og se, at app’en bliver til en delt visning. Til venstre er SwiftUI-koden, og til højre skulle være livevisningen, der viser “SwiftUI on iPad” i fed tekst i midten. Nu er du klar til at opbygge din brugergrænseflade, som vil gøre brug af mange af de kontroller, der følger med SwiftUI.

Først skal vi bruge State-variabler, som dybest set gemmer data lokalt i SwiftUI-strukturen og tegner View på ny, når deres værdier ændres.

Føj disse inden for parenteserne i ContentView-struct’en, men før deklarationen af body-egenskaben. Dette er alt, hvad vi har brug for til at gemme tilstanden for alle vores kontroller.