Hämtar du inte redan Swift Playgrounds på din enhet, hämtar du den kostnadsfria appen Swift Playgrounds.

När du öppnar Swift Playgrounds kommer du direkt till sidan Ny Playground. Om du har öppnat appen tidigare ser du dina tidigare Playground-filer här. Om inte kommer skärmen att vara mestadels tom. Hur som helst finns det en panel längst ner på skärmen som har titeln Other Playgrounds. Tryck på den blå knappen ”Se alla” i den högra änden av den här panelen och panelen bör expandera så att den visar de Swift-handledningar som Apple tillhandahåller. Bläddra ner till raden Starting Points och tryck på den blå knappen ”See all” för den.

Nu bör du kunna se alla exempelprojekt som Apple tillhandahåller, även om det inte finns något exempel för SwiftUI när jag skriver det här.

Du har två valmöjligheter som kommer att fungera som startpunkter för denna handledning. Blank kommer att skapa en ny .playgroundbook-fil som kan öppnas i Swift Playgrounds på en iPad, men som inte kan öppnas av Xcode på en Mac. Om du har det bra med att använda din iPad självständigt är detta förmodligen formatet för dig. Om du kan tänka dig att flytta över till Xcode är det här som startpunkten kallad Xcode Playground kommer in. Denna använder samma .playground filtyp som Xcode använder, vilket ger dig möjlighet att redigera samma fil på båda enheterna.

Swift Playgrounds verkar lagra sina dokument i iCloud som standard, så det är lätt att se hur du kan komma åt samma fil från båda enheterna utan att behöva mejla eller AirDroppa den till dig själv varje gång. På sidan New Playground i appen finns en blå Locations-knapp uppe till vänster som gör att du kan bläddra med hjälp av appen Files, vilket ger dig tillgång till andra molnleverantörer som Dropbox, Google Drive och Microsoft OneDrive också.

Och om du bara vill lära dig SwiftUI i en säker sandlåda på din iPad kommer detta inte att spela så stor roll för dig.

Det går att skriva SwiftUI i Playgrounds utan ett förhandsgranskningsfönster. För att göra detta importerar du helt enkelt SwiftUI och skapar en struct som överensstämmer med View-protokollet, med den nödvändiga kroppsvariabeln som returnerar ”some View”. Playgrounds har viss kodkomplettering och kan hjälpa dig att korrigera din SwiftUI med automatiska korrigeringar av vanliga misstag. Men den verkliga kraften i SwiftUI i Xcode är möjligheten att se en förhandsgranskning i realtid av det du skapar, så vi behöver ytterligare två rader för att få det att hända på iPad.

Med PlaygroundSupport får du tillgång till PlaygroundPage, som gör det möjligt att konfigurera din kodningsmiljö för iPad. Endast en Playground-sida är aktiv vid varje given tidpunkt, så denna statiska instans är tillgänglig via PlaygroundPage.current. Detta ger oss möjlighet att ställa in livevyn, som körs kontinuerligt på iPad, till ContentView som vi skapade ovan.

Nu bör du kunna trycka på knappen ”Kör min kod” och se att appen förvandlas till en delad vy. Till vänster finns SwiftUI-koden, och till höger bör livevyn vara den som visar ”SwiftUI on iPad” i fet text i mitten. Nu är du redo att bygga ditt användargränssnitt, som kommer att använda många av de kontroller som ingår i SwiftUI.

Först måste vi använda State-variabler, som i princip lagrar data lokalt i SwiftUI-strukturen och ritar om View när deras värden ändras.

Lägg till dessa inom ContentView struct-parenteserna men före deklarationen av kroppsegenskapen. Detta är allt vi behöver för att lagra tillståndet för alla våra kontroller.