Pokud ji ještě nemáte v zařízení, stáhněte si bezplatnou aplikaci Swift Playgrounds.

Po otevření aplikace Swift Playgrounds přejdete přímo na stránku New Playground. Pokud jste aplikaci otevřeli již dříve, uvidíte zde své předchozí soubory Playground. Pokud ne, bude obrazovka většinou prázdná. V každém případě se ve spodní části obrazovky nachází panel s názvem Other Playgrounds (Další hřiště). Klepněte na modré tlačítko „Zobrazit vše“ na pravém konci tohoto panelu a panel by se měl rozbalit a zobrazit výukové programy Swift, které společnost Apple poskytuje. Přejděte dolů na řádek Starting Points (Výchozí body) a klepněte na modré tlačítko ‚See all‘ (Zobrazit vše).

Teď byste měli být schopni zobrazit všechny ukázkové projekty, které společnost Apple poskytuje, ačkoli v době, kdy píšu tento článek, zde není příklad pro SwiftUI.

Máte dvě možnosti, které budou fungovat jako Výchozí body pro tento tutoriál. Prázdný vytvoří nový soubor .playgroundbook, který lze otevřít v aplikaci Swift Playgrounds na iPadu, ale nelze jej otevřít pomocí Xcode na Macu. Pokud vám nevadí používat iPad samostatně, je to pravděpodobně formát pro vás. Pokud si umíte představit, že byste přešli na Xcode, přichází na řadu Výchozí bod s názvem Xcode Playground. Ten používá stejný .playground typ souboru jako Xcode, což vám dává možnost upravovat stejný soubor na obou zařízeních.

Swift Playgrounds zřejmě ve výchozím nastavení ukládá své dokumenty do iCloudu, takže si lze snadno představit, jak byste mohli mít přístup ke stejnému souboru z obou zařízení, aniž byste si ho museli pokaždé posílat e-mailem nebo AirDropem. Stránka aplikace Nové hřiště má v levém horním rohu modré tlačítko Umístění, které umožňuje procházet pomocí aplikace Soubory, což umožňuje přístup i k dalším poskytovatelům cloudových služeb, jako je Dropbox, Disk Google a Microsoft OneDrive.

Pokud se chcete učit SwiftUI pouze v bezpečném sandboxu na iPadu, nebude to pro vás mít takový význam.

V aplikaci Hřiště je možné psát SwiftUI bez náhledového okna. K tomu stačí importovat SwiftUI a vytvořit strukturu, která odpovídá protokolu View, s požadovanou proměnnou body, která vrací ‚some View‘. Playgrounds má určité doplňování kódu a může vám pomoci opravit vaše SwiftUI pomocí automatických oprav běžných chyb. Skutečná síla SwiftUI v Xcode však spočívá v možnosti zobrazit živý náhled toho, co vytváříte, takže potřebujeme ještě dva řádky, abychom to mohli na iPadu provést.

Importem PlaygroundSupport získáte přístup k PlaygroundPage, který umožňuje konfiguraci kódovacího prostředí iPadu. V daném okamžiku je aktivní pouze jedna stránka Playground, takže tato statická instance je přístupná prostřednictvím PlaygroundPage.current. To nám dává možnost nastavit živé zobrazení, které na iPadu běží nepřetržitě, na ContentView, které jsme vytvořili výše.

Nyní byste měli být schopni stisknout tlačítko „Spustit můj kód“ a uvidíte, že se aplikace změní na rozdělené zobrazení. Vlevo je kód SwiftUI a vpravo by měl být živý náhled, který uprostřed zobrazuje tučným písmem ‚SwiftUI na iPadu‘. Nyní jste připraveni vytvořit uživatelské rozhraní, které bude využívat mnoho ovládacích prvků dodávaných se SwiftUI.

Nejprve budeme muset použít proměnné State, které v podstatě ukládají data lokálně ve struktuře SwiftUI a překreslují View, kdykoli se změní jejich hodnoty.

Přidejte je do závorek struktury ContentView, ale před deklaraci vlastnosti body. To je vše, co budeme potřebovat k uložení stavu všech našich ovládacích prvků.

.