Création d'un flux d'écran pour une application iOS

Après avoir créé le projet, vous êtes prêt à créer un storyboard qui capture le flux d'écran pour l'application iOS. Les storyboards donnent aux développeurs un moyen déclaratif (hors programmation) de présenter le flux d'écran d'une application, ainsi que de définir la disposition de chaque écran dans l'application. Un storyboard se compose des éléments suivants:

• Une représentation graphique de chaque écran dans une application

• Une spécification des transitions entre les écrans connues sous le nom segues

Lorsque vous utilisez le modèle d'application vide pour créer le projet, vous devez ajouter un fichier de storyboard. Pour ce faire, procédez comme suit:

1. Choisissez Fichier → Nouveau → Fichier.

   Cet écran apparaît, dans lequel vous pouvez sélectionner un modèle pour le nouveau fichier.

   

2. Sélectionnez Interface utilisateur dans le panneau de gauche sous iOS, puis sélectionnez Storyboard pour ajouter un fichier de storyboard.

   

   Ce fichier s'appelle Main. storyboard, mais n'hésitez pas à choisir le nom que vous voulez tant qu'il a le. extension de storyboard. Laissez la zone Where telle quelle, afin que le storyboard soit enregistré dans le même dossier que le reste des fichiers de votre projet.

   Dans la figure, notez la coche à côté de Tic-Tac-Toe-Chapitre-8, qui est la cible de construction de l'application dans ce cas. Cette étape fait du storyboard un membre de la cible de génération d'applications. Ainsi, lorsque l'application est créée, le storyboard est inclus dans la construction.

Assurez-vous de vérifier la cible de construction de l'application; Sinon, vous aurez des erreurs bizarres qui prendront des heures à déboguer. Cependant, si vous oubliez de vérifier la cible lorsque vous ajoutez le storyboard, vous pouvez le faire plus tard.

Après avoir ajouté le storyboard, vous devez configurer le projet pour l'utiliser, comme suit:

1. Modifier le. fichier plist.

   Ouvrez le fichier avec le. extension de plist - Tic-Tac-Toe-Chapitre-8-Info. plist (plist signifie fichier liste de propriétés ).

2. Ajoutez une nouvelle ligne à la liste Property Information.

   Déplacez votre souris au-delà de la dernière ligne de la liste Information Property. Cliquez avec le bouton droit et sélectionnez Ajouter une ligne.

3. Définissez la valeur de la nouvelle ligne.

   Si vous sélectionnez la nouvelle ligne que vous venez d'ajouter, elle devient une liste déroulante. Sélectionnez l'entrée Nom de base du fichier de storyboard principal. Déplacez votre souris vers la droite, sous la colonne Valeur, et définissez la valeur de la nouvelle entrée que vous venez d'ajouter à Main.

   

4. Modifiez le fichier de délégué de l'application.

   À l'aide du navigateur de projet, localisez le fichier délégué de l'application (dans ce cas, TTTAppDelegate.m) et recherchez la méthode didFinishLaunchingWithOptions (voir le code suivant).

5. Modifiez la méthode didFinishLaunchingWithOptions.

6. Commentez (ou supprimez simplement) toutes les lignes à l'exception de l'instruction YES de retour.

   - Application (BOOL): application (UIApplication *) didFinishLaunchingWithOptions: (NSDictionary *) launchOptions {// self. window = [[UIWindow alloc] initWithFrame: [[UIScreen mainScreen] les limites]]; // Remplacer le point de personnalisation après le lancement de l'application. // soi. fenêtre. backgroundColor = [UIColor whiteColor]; // [soi. fenêtre makeKeyAndVisible]; return YES;}
   

7. Cliquez avec le bouton droit sur le fichier du storyboard et choisissez Ouvrir sous → Code source.

   Le storyboard apparaît, affiché en XML.