Dacă nu este deja pe dispozitivul dvs., descărcați aplicația gratuită Swift Playgrounds.

Când deschideți Swift Playgrounds, mergeți direct la pagina New Playgrounds. Dacă ați mai deschis aplicația înainte, veți vedea aici fișierele Playground anterioare. Dacă nu, ecranul va fi în mare parte gol. În orice caz, există un panou în partea de jos a ecranului care are titlul Other Playgrounds. Atingeți butonul albastru „See all” (Vezi toate) de la capătul drept al acestui panou, iar panoul ar trebui să se extindă pentru a afișa tutorialele Swift pe care Apple le oferă. Derulați în jos până la rândul Starting Points (Puncte de pornire) și atingeți butonul albastru ‘See all’ (Vezi toate) pentru acesta.

Acum ar trebui să puteți vedea toate proiectele de exemplu pe care Apple le oferă, deși nu există un exemplu pentru SwiftUI în momentul în care scriu acest text.

Aveți două opțiuni care vor funcționa ca puncte de pornire pentru acest tutorial. Blank va crea un nou fișier .playgroundbook care poate fi deschis în Swift Playgrounds pe un iPad, dar nu poate fi deschis de Xcode pe un Mac. Dacă nu te deranjează să folosești iPad-ul în mod independent, acesta este probabil formatul potrivit pentru tine. Dacă vă vedeți transferat la Xcode, aici intervine punctul de pornire numit Xcode Playground. Acesta folosește același tip de fișier .playground pe care îl folosește Xcode, oferindu-vă posibilitatea de a edita același fișier pe ambele dispozitive.

Swift Playgrounds pare să își stocheze implicit documentele în iCloud, așa că este ușor de înțeles cum ați putea accesa același fișier de pe ambele dispozitive fără a fi nevoit să îl trimiteți de fiecare dată prin e-mail sau AirDrop. Pagina New Playground a aplicației are un buton albastru Locations (Locații) în stânga sus, care vă permite să navigați folosind aplicația Files (Fișiere), permițându-vă accesul și la alți furnizori de cloud, cum ar fi Dropbox, Google Drive și Microsoft OneDrive.

Din nou, dacă doriți doar să învățați SwiftUI într-un sandbox sigur pe iPad, acest lucru nu va conta atât de mult pentru dvs. Pentru a face acest lucru, pur și simplu importați SwiftUI și creați un struct care se conformează protocolului View, cu variabila body necesară care returnează „some View”. Playgrounds dispune de o oarecare completare a codului și vă poate ajuta să vă corectați SwiftUI-ul cu remedieri automate pentru greșelile comune. Dar adevărata putere a SwiftUI în Xcode este abilitatea de a vedea o previzualizare live a ceea ce creați, așa că mai avem nevoie de încă două linii pentru ca acest lucru să se întâmple pe iPad.

Importul PlaygroundSupport vă oferă acces la PlaygroundPage, care permite configurarea mediului de codare pe iPad. Doar o singură pagină Playground este activă la un moment dat, astfel încât această instanță statică este accesibilă prin PlaygroundPage.current. Acest lucru ne oferă posibilitatea de a seta vizualizarea live, care rulează continuu pe iPad, la ContentView pe care am creat-o mai sus.

Acum ar trebui să puteți apăsa butonul „Run my code” și să vedeți că aplicația se transformă într-o vizualizare divizată. În stânga este codul SwiftUI, iar în dreapta ar trebui să fie vizualizarea în direct care arată ‘SwiftUI pe iPad’ în text îngroșat în centru. Acum sunteți gata să vă construiți interfața cu utilizatorul, care se va folosi de multe dintre controalele care vin cu SwiftUI.

În primul rând, va trebui să folosim variabilele State, care, practic, stochează datele la nivel local în structura SwiftUI și redesenează View ori de câte ori valorile lor se modifică.

Adaugați-le în interiorul parantezelor struct ContentView dar înainte de declararea proprietății body. Aceasta este tot ce ne va fi necesar pentru a stoca starea tuturor controalelor noastre.

.