Ha még nincs a készülékeden, töltsd le az ingyenes Swift Playgrounds alkalmazást.

A Swift Playgrounds megnyitásakor egyenesen az Új játszótér oldalra lépsz. Ha korábban már megnyitotta az alkalmazást, itt láthatja a korábbi Playground fájljait. Ha nem, akkor a képernyő többnyire üres lesz. Akárhogy is, a képernyő alján van egy panel, amelynek a címe Other Playgrounds (Egyéb játszóterek). Érintse meg a kék ‘See all’ gombot ennek a panelnek a jobb végén, és a panelnek ki kell bővülnie, hogy megjelenítse az Apple által biztosított Swift oktatóprogramokat. Görgessen lefelé a Starting Points sorig, és koppintson a kék ‘See all’ gombra ehhez.

Most már látnia kell az Apple által biztosított összes példaprojektet, bár a SwiftUI-ra jelenleg, amikor ezt írom, nincs példa.

Két lehetőséged van, amelyek kiindulási pontként fognak működni ebben a bemutatóban. Az üres egy új .playgroundbook fájlt hoz létre, amely megnyitható a Swift Playgrounds-ban egy iPaden, de nem nyitható meg az Xcode-ban egy Macen. Ha nem zavar, hogy az iPadet önállóan használod, akkor valószínűleg ez a formátum a megfelelő számodra. Ha el tudod képzelni, hogy áttérsz az Xcode-ra, akkor itt jön be az Xcode Playground nevű kiindulópont. Ez ugyanazt a .playground fájltípust használja, mint az Xcode, így mindkét eszközön ugyanazt a fájlt szerkesztheted.

A Swift Playgrounds úgy tűnik, hogy a dokumentumokat alapértelmezés szerint az iCloudban tárolja, így könnyen elképzelhető, hogy ugyanazt a fájlt mindkét eszközről elérheted anélkül, hogy minden alkalommal e-mailben vagy AirDropon kellene elküldened magadnak. Az alkalmazás New Playground oldalán a bal felső sarokban található egy kék Locations gomb, amely lehetővé teszi a böngészést a Files alkalmazással, így más felhőszolgáltatókhoz, például a Dropboxhoz, a Google Drive-hoz és a Microsoft OneDrive-hoz is hozzáférhetsz.

Amellett, ha csak a SwiftUI-t akarod megtanulni egy biztonságos homokozóban az iPadeden, akkor ez nem fog annyira érdekelni.

A SwiftUI-t előnézeti ablak nélkül is lehet írni a Playgroundsban. Ehhez egyszerűen importáld a SwiftUI-t, és hozz létre egy olyan struktúrát, amely megfelel a View protokollnak, a szükséges body változóval, amely ‘some View’-t ad vissza. A Playgrounds rendelkezik némi kódkiegészítéssel, és a gyakori hibák automatikus javításával segíthet a SwiftUI javításában. De a SwiftUI igazi ereje az Xcode-ban az, hogy élő előnézetben láthatjuk, amit éppen létrehozunk, ezért még két sorra van szükségünk ahhoz, hogy ez megtörténjen az iPaden.

A PlaygroundSupport importálása hozzáférést biztosít a PlaygroundPage-hoz, amely lehetővé teszi az iPad kódolási környezetének konfigurálását. Egyszerre csak egy Playground oldal aktív, így ez a statikus példány a PlaygroundPage.current-n keresztül érhető el. Ez lehetővé teszi számunkra, hogy az élő nézetet, amely folyamatosan fut az iPaden, a fent létrehozott ContentView-re állítsuk be.

Most már meg kell tudni nyomni a ‘Run my code’ gombot, és látni kell, hogy az alkalmazás osztott nézetté változik. A bal oldalon a SwiftUI kódja, a jobb oldalon pedig az élő nézetnek kell lennie, amelynek közepén félkövér szöveggel a ‘SwiftUI on iPad’ látható. Most már készen állsz a felhasználói felület megépítésére, amely számos, a SwiftUI-hoz mellékelt vezérlőelemet fog használni.

Először is használnunk kell State változókat, amelyek alapvetően lokálisan tárolják az adatokat a SwiftUI struktúrában, és újrarajzolják a View-t, amikor az értékük megváltozik.

Adjuk ezeket a ContentView struct zárójelén belül, de a body tulajdonság deklarációja előtt. Ez minden, amire szükségünk lesz ahhoz, hogy tároljuk az összes vezérlőelemünk állapotát.