Jos sitä ei vielä ole laitteessasi, lataa ilmainen Swift Playgrounds -sovellus.

Kun avaat Swift Playgroundsin, siirryt suoraan New Playground -sivulle. Jos olet avannut sovelluksen aiemmin, näet aiemmat Playground-tiedostosi täällä. Jos ei, ruutu on enimmäkseen tyhjä. Joka tapauksessa näytön alareunassa on paneeli, jossa on otsikko Other Playgrounds. Napauta tämän paneelin oikeassa päässä olevaa sinistä ”Katso kaikki” -painiketta, ja paneelin pitäisi laajentua näyttämään Applen tarjoamat Swift-opetusohjelmat. Vieritä alaspäin Starting Points -riville ja napauta sinistä ’See all’ -painiketta sen kohdalla.

Nyt sinun pitäisi pystyä näkemään kaikki Applen tarjoamat esimerkkiprojektit, vaikkakaan SwiftUI:lle ei ole esimerkkiä sillä hetkellä kun kirjoitan tätä.

Sinulla on kaksi vaihtoehtoa, jotka toimivat tämän opetusohjelman lähtökohtina. Tyhjä luo uuden .playgroundbook-tiedoston, jonka voi avata Swift Playgroundsissa iPadissa, mutta jota ei voi avata Xcodella Macissa. Jos sinulle kelpaa iPadin itsenäinen käyttö, tämä on luultavasti sinulle sopiva tiedostomuoto. Jos voit kuvitella siirtyväsi Xcodeen, tässä tulee kyseeseen Xcode Playground -niminen lähtökohta. Tämä käyttää samaa .playground-tiedostotyyppiä kuin Xcode, jolloin voit muokata samaa tiedostoa molemmilla laitteilla.

Swift Playgrounds näyttää tallentavan dokumenttinsa oletusarvoisesti iCloudiin, joten on helppo nähdä, miten voit päästä käsiksi samaan tiedostoon kummaltakin laitteelta ilman, että sinun tarvitsee joka kerta lähettää se sähköpostilla tai AirDropilla itsellesi. Sovelluksen New Playground -sivulla on vasemmassa yläkulmassa sininen Locations-painike, jonka avulla voit selata Tiedostot-sovelluksen avulla, jolloin pääset käsiksi myös muihin pilvipalveluntarjoajiin, kuten Dropboxiin, Google Driveen ja Microsoft OneDriveen.

Jos haluat opetella SwiftUI:ta vain turvallisessa hiekkalaatikossa iPadilla, tällä ei ole sinulle niin paljon väliä.

SwiftUI:n kirjoittaminen Playgroundsissa onnistuu ilman esikatseluikkunaa. Voit tehdä tämän yksinkertaisesti tuomalla SwiftUI:n ja luomalla View-protokollan mukaisen structin, jossa on vaadittu body-muuttuja, joka palauttaa ’some View’. Playgroundsissa on jonkin verran koodin täydennystä, ja se voi auttaa sinua korjaamaan SwiftUI:tasi automaattisilla korjauksilla yleisimpiin virheisiin. Mutta SwiftUI:n todellinen voima Xcodessa on mahdollisuus nähdä live-esikatselu siitä, mitä olet luomassa, joten tarvitsemme vielä kaksi riviä saadaksemme sen tapahtumaan iPadissa.

Tuomalla PlaygroundSupport pääset käsiksi PlaygroundPage:een, jonka avulla voit konfiguroida iPadin koodausympäristöäsi. Vain yksi Playground-sivu on kerrallaan aktiivinen, joten tähän staattiseen instanssiin pääsee käsiksi PlaygroundPage.current:n kautta. Tämä antaa meille mahdollisuuden asettaa elävän näkymän, joka pyörii jatkuvasti iPadissa, edellä luomallemme ContentView:lle.

Nyt sinun pitäisi pystyä painamaan ’Suorita koodini’ -painiketta ja nähdä, että sovellus muuttuu jaetuksi näkymäksi. Vasemmalla on SwiftUI-koodi, ja oikealla pitäisi olla live-näkymä, jonka keskellä näkyy lihavoituna tekstinä ’SwiftUI on iPad’. Nyt olet valmis rakentamaan käyttöliittymääsi, joka hyödyntää monia SwiftUI:n mukana tulevia ohjaimia.

Ensin meidän on käytettävä State-muuttujia, jotka periaatteessa tallentavat tietoja paikallisesti SwiftUI-rakenteeseen ja piirtävät View uudelleen aina, kun niiden arvot muuttuvat.

Add these inside the ContentView struct brackets but before the declaration of the body property. Tarvitsemme vain nämä tallentaaksemme kaikkien ohjainten tilan.