Si elle n’est pas déjà sur votre appareil, téléchargez l’application gratuite Swift Playgrounds.

Lorsque vous ouvrez Swift Playgrounds, vous allez directement à la page New Playground. Si vous avez déjà ouvert l’app, vous verrez vos fichiers Playground précédents ici. Sinon, l’écran sera pratiquement vide. Dans tous les cas, il y a un panneau en bas de l’écran qui s’intitule Autres terrains de jeu. Appuyez sur le bouton bleu  » Voir tout  » à l’extrémité droite de ce panneau, et le panneau devrait s’agrandir pour afficher les didacticiels Swift fournis par Apple. Faites défiler vers le bas jusqu’à la ligne Points de départ, et appuyez sur le bouton bleu ‘Voir tout’ pour cela.

Maintenant, vous devriez être en mesure de voir tous les projets d’exemple qu’Apple fournit, bien qu’il n’y ait pas d’exemple pour SwiftUI au moment où j’écris ceci.

Vous avez deux choix qui fonctionneront comme Points de départ pour ce tutoriel. Blank créera un nouveau fichier .playgroundbook qui pourra être ouvert dans Swift Playgrounds sur un iPad, mais ne pourra pas être ouvert par Xcode sur un Mac. Si vous êtes d’accord pour utiliser votre iPad de manière indépendante, c’est probablement le format qui vous convient. Si vous vous voyez transférer vers Xcode, c’est là qu’intervient le point de départ appelé Xcode Playground. Cela utilise le même type de fichier .playground que Xcode utilise, vous donnant la possibilité d’éditer le même fichier sur les deux appareils.

Swift Playgrounds semble stocker ses documents dans iCloud par défaut, il est donc facile de voir comment vous pourriez accéder au même fichier à partir de l’un ou l’autre appareil sans avoir à vous l’envoyer par e-mail ou AirDrop à chaque fois. La page New Playground de l’application a un bouton bleu Locations en haut à gauche qui vous permet de naviguer en utilisant l’app Files, ce qui vous permet d’accéder à d’autres fournisseurs de cloud, tels que Dropbox, Google Drive et Microsoft OneDrive, aussi.

Encore, si vous voulez seulement apprendre SwiftUI dans un bac à sable sûr sur votre iPad, cela n’aura pas autant d’importance pour vous.

Il est possible d’écrire SwiftUI dans Playgrounds sans fenêtre d’aperçu. Pour ce faire, il suffit d’importer SwiftUI et de créer une structure conforme au protocole View, avec la variable body requise qui renvoie ‘some View’. Playgrounds dispose d’une certaine complétion de code et peut vous aider à corriger votre SwiftUI avec des corrections automatiques pour les erreurs courantes. Mais la vraie puissance de SwiftUI dans Xcode est la possibilité de voir un aperçu en direct de ce que vous créez, donc nous avons besoin de deux lignes supplémentaires pour que cela se produise sur l’iPad.

L’importation de PlaygroundSupport vous donne accès à PlaygroundPage, qui permet la configuration de votre environnement de codage iPad. Une seule page Playground est active à un moment donné, donc cette instance statique est accessible par PlaygroundPage.current. Cela nous donne la possibilité de définir la vue en direct, qui s’exécute en continu sur l’iPad, sur le ContentView que nous avons créé plus haut.

Maintenant, vous devriez pouvoir appuyer sur le bouton  » Exécuter mon code  » et voir que l’application se transforme en une vue fractionnée. Sur la gauche se trouve le code SwiftUI, et sur la droite devrait être la vue en direct qui montre ‘SwiftUI on iPad’ en texte gras au centre. Maintenant, vous êtes prêt à construire votre interface utilisateur, qui utilisera de nombreux contrôles fournis avec SwiftUI.

Pour commencer, nous devrons utiliser des variables State, qui stockent essentiellement des données localement dans la structure SwiftUI et redessinent les View chaque fois que leurs valeurs changent.

Ajoutez-les à l’intérieur des crochets de la structure ContentView mais avant la déclaration de la propriété body. C’est tout ce dont nous aurons besoin pour stocker l’état de tous nos contrôles.