Se non è già presente sul tuo dispositivo, scarica l’app gratuita Swift Playgrounds.
Quando apri Swift Playgrounds, vai direttamente alla pagina New Playground. Se hai aperto l’app in precedenza, vedrai i tuoi precedenti file Playground qui. In caso contrario, lo schermo sarà per lo più vuoto. In entrambi i casi, c’è un pannello nella parte inferiore dello schermo che ha il titolo Other Playgrounds. Tocca il pulsante blu ‘Vedi tutto’ all’estremità destra di questo pannello, e il pannello dovrebbe espandersi per mostrare i tutorial Swift che Apple fornisce. Scorri verso il basso fino alla riga Starting Points e tocca il pulsante blu ‘See all’ per quella.
Ora dovresti essere in grado di vedere tutti i progetti di esempio che Apple fornisce, anche se non c’è un esempio per SwiftUI nel momento in cui sto scrivendo questo.
Hai due scelte che funzioneranno come punti di partenza per questo tutorial. Blank creerà un nuovo file .playgroundbook che può essere aperto in Swift Playgrounds su un iPad, ma non può essere aperto da Xcode su un Mac. Se ti va bene usare il tuo iPad in modo indipendente, questo è probabilmente il formato per te. Se ti vedi trasferito a Xcode, è qui che entra in gioco il punto di partenza chiamato Xcode Playground. Questo usa lo stesso tipo di file .playground che usa Xcode, dandovi la possibilità di modificare lo stesso file su entrambi i dispositivi.
Swift Playgrounds sembra memorizzare i suoi documenti in iCloud per impostazione predefinita, quindi è facile capire come si potrebbe accedere allo stesso file da entrambi i dispositivi senza doverlo inviare per email o AirDrop ogni volta. La pagina New Playground dell’app ha un pulsante blu Locations in alto a sinistra che ti permette di navigare usando l’app Files, permettendoti di accedere anche ad altri fornitori di cloud, come Dropbox, Google Drive e Microsoft OneDrive.
Anche se vuoi solo imparare SwiftUI in una sandbox sicura sul tuo iPad, questo non ti interesserà più di tanto.
È possibile scrivere SwiftUI in Playgrounds senza una finestra di anteprima. Per fare questo, è sufficiente importare SwiftUI e creare una struct conforme al protocollo View, con la necessaria variabile body che restituisce ‘some View’. Playgrounds ha un certo completamento del codice e può aiutarvi a correggere il vostro SwiftUI con correzioni automatiche per gli errori comuni. Ma la vera potenza di SwiftUI in Xcode è la capacità di vedere un’anteprima dal vivo di ciò che stai creando, quindi abbiamo bisogno di altre due righe per far sì che ciò accada su iPad.
Importando PlaygroundSupport avrai accesso a PlaygroundPage, che permette la configurazione del tuo ambiente di codifica su iPad. Solo una pagina Playground è attiva in qualsiasi momento, quindi questa istanza statica è accessibile attraverso PlaygroundPage.current. Questo ci dà la possibilità di impostare la vista live, che gira continuamente sull’iPad, al ContentView che abbiamo creato sopra.
Ora dovresti essere in grado di premere il pulsante ‘Run my code’ e vedere che l’app si trasforma in una vista divisa. Sulla sinistra c’è il codice SwiftUI, e sulla destra dovrebbe esserci la vista dal vivo che mostra ‘SwiftUI su iPad’ in grassetto al centro. Ora siete pronti a costruire la vostra interfaccia utente, che farà uso di molti dei controlli forniti con SwiftUI.
Per prima cosa, avremo bisogno di usare le variabili State, che fondamentalmente memorizzano i dati localmente nella struct SwiftUI e ridisegnano le View ogni volta che i loro valori cambiano.
Aggiungetele dentro le parentesi della struct ContentView ma prima della dichiarazione della proprietà body. Questo è tutto ciò di cui avremo bisogno per memorizzare lo stato di tutti i nostri controlli.