Configuration des scènes et du flux d'écran dans iOS Apps - Les nuls

Les programmes efficaces fonctionnent correctement grâce à une configuration correcte. Suivez les étapes ci-dessous pour configurer les scènes et le flux d'écran pour votre application iOS. Pour ajouter une scène, procédez comme suit:

1. Modifiez le fichier du storyboard.

   Sélectionnez le fichier de storyboard pour le projet (pour ce projet, le fichier s'appelle MainStoryboard.

   Une toile vierge apparaît.

2. Afficher la bibliothèque d'objets.

   Dans la zone Utilitaire, cliquez sur le petit cube affiché en bas à droite de l'écran sous le panneau intitulé Paramètres du texte. Le cube deviendra bleu.

   

   Passez le curseur sur le cube et une info-bulle affichant Afficher la bibliothèque d'objets s'affiche.

   Une collection de classes apparaît, la première classe étant View Controller.

   

3. Ajouter un contrôleur de vue au storyboard:

   1. Sélectionnez View Controller et faites-le glisser sur le canevas.

   2. Effectuez un zoom sur la scène à 100% (en cliquant avec le bouton droit sur une zone vide du canevas du storyboard).

   3. Faites défiler la bibliothèque d'objets jusqu'à ce que vous voyiez des classes d'interface utilisateur typiques (boutons, étiquettes, etc.).

   4. Glissez et déposez une étiquette (une classe nommée UILabel) là où vous le souhaitez sur l'écran. Double-cliquez sur l'étiquette et entrez Bienvenue sur Tic-Tac-Toe!

   5. Glissez et déposez un bouton (une classe nommée UIButton) là où vous le souhaitez sur l'écran. Double-cliquez sur le bouton et entrez Démarrer une nouvelle session.

4. Ajouter la deuxième scène.

   1. Faites glisser dans un contrôleur de vue pour créer une scène.

   2. Faites glisser dans une vue (une classe nommée UIView).

   3. Glissez dans deux champs de texte (chacun d'une classe nommée UIText).

      Un champ de texte indique l'état du jeu, et l'autre affiche les scores cumulés de chaque joueur de cette session.

   Une fois que vous connaissez les éléments de l'interface utilisateur, vous pouvez obtenir un élément en cliquant sur une ligne de la liste des éléments et en tapant le nom de l'élément que vous recherchez.

5. Assembler les scènes ensemble.

   Dans le flux d'écran pour Tic-Tac-Toe, l'objectif est de cliquer sur le bouton Démarrer une nouvelle session pour afficher le second écran. Placez le curseur sur le bouton Démarrer une nouvelle session et maintenez le bouton Ctrl-glisser de là vers la deuxième scène.

   Lorsque vous relâchez le curseur, vous êtes invité à effectuer une sélection définissant le type du segue.

6. Sélectionnez Modal.

   Une séquence de Start New Session dans la première scène à la seconde est créée. Le storyboard résultant devrait ressembler à l'image ci-dessous du storyboard avec deux écrans et un segue de connexion.

   

Vous pouvez maintenant tester le flux d'écran:

1. Allez dans le menu principal, cliquez sur Produit et sélectionnez Exécuter.

   Le programme démarre et la première scène apparaît.

2. Cliquez sur Démarrer une nouvelle session.

   La deuxième scène apparaît. Bien sûr, vous devez toujours écrire le code pour implémenter la fonctionnalité du jeu, mais, hé, chaque petit peu aide.