Comment ajouter des points de vente dans votre application iOS - Les mannequins

Les prises sont le moyen par lequel votre code d'application iOS peut accéder - soit en envoyant des messages ou en définissant des propriétés - Builder objets dans votre storyboard. Vous pouvez faire tout cela graphiquement dans Interface Builder, et le code requis est généré pour vous.

Ouvrir l'éditeur Assistant

Pour créer une prise, vous devez connecter l'objet interface dans Interface Builder avec votre code. Bien que vous disposiez de plusieurs moyens pour établir cette connexion, la manière la plus simple et la plus claire consiste à utiliser l'éditeur Assistant pour afficher automatiquement le fichier de code le plus pertinent pour l'élément d'interface avec lequel vous travaillez. Pour que l'éditeur Assistant affiche automatiquement un fichier de code probable, procédez comme suit:

1. Sélectionnez le Main_iPad. fichier storyboard dans le navigateur de projet.

2. Fermez la zone Utilitaire si elle est ouverte en la désélectionnant dans le sélecteur Vue de la barre d'outils Xcode.

3. Dans Interface Builder, sélectionnez View Controller - TestDrive dans la vue View Controller - TestDrive Scene dans le plan du document; puis cliquez sur le bouton Assistant Editor dans le sélecteur Editeur de la barre d'outils.

   

   Le volet de l'éditeur Assistant s'ouvre. Si Automatique est choisi dans la barre d'outils, vous aurez un choix de vues dans TestDriveController. h et TestDriveController. m. En effet, les deux fichiers sont pertinents pour la vue sélectionnée dans le plan du document. Vous voulez travailler avec TestDriveController. m, si nécessaire.

   

A La barre de raccourci apparaît en haut de chaque volet de la zone Éditeur et vous permet de naviguer parmi les fichiers de votre projet. La configuration et le comportement de chaque barre de saut sont personnalisés pour le contexte dans lequel elle apparaît. En plus d'un chemin hiérarchique qui vous permet de naviguer vers un fichier dans votre projet, la configuration de base d'une barre de saut comprend les éléments suivants:

• Le menu Éléments connexes (accessible en cliquant sur l'icône la marge de gauche) vous donne accès à des sélections supplémentaires pertinentes au contexte actuel, telles que les fichiers récemment ouverts ou le fichier d'en-tête interface (.h) pour un fichier de code d'implémentation (.m) que vous éditez.

  

• Les boutons Précédent et Suivant vous permettent d'avancer et de reculer dans votre historique de navigation.

Création de la sortie

Une fois l'implémentation de TestDriveController affichée, soit en affichant l'éditeur Assistant automatiquement, soit en y naviguant à l'aide de la barre de raccourcis, l'activité de création d'une fiche existante à l'aide de l'éditeur Interface Builder très simple et assez facile.Vous le faites en faisant glisser le contrôle de l'élément qui vous intéresse vers l'interface TestDriveController, comme détaillé dans les étapes suivantes:

1. Contrôle-cliquez et faites glisser TestDriveController. h de l'élément dans la vue (l'image de la voiture, dans cet exemple) au fichier entre les instructions @interface et -d.

   

2. Dans la boîte de dialogue qui s'affiche, nommez cette prise de sortie, puis cliquez sur le bouton Connecter.

   

   La sortie est ajoutée en tant que propriété.

   La nouvelle sortie dans toute sa splendeur.

   

   Une connexion entre un objet et ses prises est en fait stockée dans un fichier nib. Lorsque le fichier nib est chargé, chaque connexion est reconstituée et rétablie, ce qui vous permet d'envoyer des messages à l'objet. IBOutlet est le mot-clé qui étiquette une déclaration de variable d'instance afin que l'application Interface Builder sache qu'une variable d'instance particulière est une sortie et peut ensuite activer la connexion.

3. Revenez au fichier d'interface et créez une sortie pour le bouton Test Drive (nommez-le testDriveButton).

   Faites glisser le bouton de contrôle du bouton sur l'interface TestDriveCntroller de la même manière que pour l'image de voiture (entre les instructions @interface et -d).

La seule raison pour laquelle vous devez créer une sortie pour un bouton est de modifier une propriété Button.

Inspecteur des connexions

Même si cliquer et glisser est la solution la plus simple, sachez que vous pouvez effectuer les mêmes connexions de sortie à l'aide de l'inspecteur Connexions dans la zone Utilitaire, avec un peu plus de travail. Mais la véritable valeur de l'inspecteur Connections est qu'il vous montre ce que les points de vente et les actions reçues - couvertes ensuite - et les segments sont en réalité. Pour utiliser l'inspecteur Connexions, procédez comme suit:

1. Sélectionnez Editeur standard dans le sélecteur de vue de la barre d'outils.

   L'éditeur assistant se ferme.

2. Afficher la zone Utilitaire en la sélectionnant dans le sélecteur Vue.

   

3. Sélectionnez l'inspecteur Connexions en cliquant sur son icône dans la barre de sélection Inspecteur.

4. Dans le plan du document, sélectionnez le contrôleur de vue dans Test Drive Controller - Test Drive Scene.

   

Vous pouvez voir que dans la section Outlets de l'inspecteur Connections, le contrôleur de vue contient à la fois les sorties car et testDriveButton (comme le vôtre, si vous les avez suivies et créées). Vous verrez également dans la section Referencing Storyboard Segues une fenêtre Cellule Push from Table View. Le point de vue a toujours été là - il fait partie du modèle.

Vous pouvez également cliquer en maintenant la touche Contrôle enfoncée sur le contrôleur de vue dans le plan du document pour obtenir une image similaire dans la fenêtre Connexions.

En plus de montrer les points de vente, si vous avez besoin de changer la direction d'un point de vente existant, l'inspecteur ou la fenêtre Connections est la solution. Faites simplement glisser le cercle à la fin de la connexion dans la section Outlets de l'inspecteur Connections ou de la fenêtre Connections vers l'objet Interface Builder que vous voulez que ce point de vente pointe vers.

Si vous vouliez créer un point de vente sans faire glisser tout cela, il vous suffirait d'entrer le code qu'Interface Builder a créé pour vous dans @interface du contrôleur de vue (la propriété - n'oubliez pas l'IBOutlet):

@property (faible, non atomique) IBOutlet UIImageView * voiture;

La nouvelle sortie apparaîtra dans l'inspecteur et la fenêtre de Connections, et tout ce que vous avez à faire est de glisser du cercle à la fin de la connexion dans la section Outlets vers l'objet Interface Builder que vous voulez pointer vers cette sortie.

Lorsque vous ajoutez des prises, vous avez quelques considérations sur la gestion de la mémoire, sans parler de l'ensemble des propriétés.