Table des matières:
- 1Sélectionnez Objets dans le volet Bibliothèque de la zone Utilitaire, puis sélectionnez un contrôleur de vue dans le volet et faites glisser sur votre storyboard.
- 2Sélectionnez le nouveau contrôleur de vue sur le storyboard.
- 3Dans la section Contrôleur de vue de l'inspecteur des attributs, entrez Météo dans le champ Titre. Entrez également Météo dans le champ ID Storyboard de l'inspecteur Identité.
- 4Drag une barre d'outils dans le volet Bibliothèque de la zone Utilitaire.
- 5Supprimez le bouton Elément.
- 6Sélectionnez la cellule Météo dans le contrôleur de la vue principale (elle se trouve sous l'en-tête Vue de la table) et faites glisser le pointeur de la souris jusqu'à Voir le contrôleur - Météo.
- 7Sélectionnez Remplacer dans le menu local Segment de sélection qui apparaît.
- 8Sélectionnez la section sur le canevas du storyboard ou dans le plan du document et, dans l'inspecteur des attributs, assurez-vous que Remplacer apparaît dans le menu Style du Inspecteur d'attributs; puis entrez Météo dans le champ Identifiant et appuyez sur Retour.
- 9Si nécessaire, sélectionnez Détail partagé dans le menu déroulant Destination.
- 10Sélectionnez la cellule Vue du tableau contenant l'étiquette Météo dans le canevas ou le plan du document et, dans le champ Accessoire de l'inspecteur d'attributs, assurez-vous que l'accessoire a été défini sur Aucun.
Vidéo: Mettre en place des widgets 2025
Voici où le caoutchouc rencontre la route. Pour ajouter le contrôleur de vue météo à votre application iOS, avec une vue Web pour afficher la météo, procédez comme suit:
1Sélectionnez Objets dans le volet Bibliothèque de la zone Utilitaire, puis sélectionnez un contrôleur de vue dans le volet et faites glisser sur votre storyboard.
Une nouvelle scène est créée.
2Sélectionnez le nouveau contrôleur de vue sur le storyboard.
Cela révèle ses attributs dans l'inspecteur des attributs (déjà ouvert).
3Dans la section Contrôleur de vue de l'inspecteur des attributs, entrez Météo dans le champ Titre. Entrez également Météo dans le champ ID Storyboard de l'inspecteur Identité.
Veillez à appuyer sur la touche Entrée lorsque vous saisissez du texte dans un champ de texte de l'inspecteur des attributs.
Le champ du storyboard n'est pas mis à jour jusqu'à ce que vous appuyiez sur Retour, ou parfois jusqu'à ce que vous cliquiez dans un autre champ de cet inspecteur.
Ajouter un identifiant n'est pas une exigence, mais c'est une bonne habitude à prendre. En ce qui concerne le champ Titre, donner quelque chose à un titre rend toujours plus facile de comprendre ce qu'il y a dans le storyboard.
4Drag une barre d'outils dans le volet Bibliothèque de la zone Utilitaire.
Positionnez-le en haut de la vue.
5Supprimez le bouton Elément.
Ce bouton est disponible par défaut dans la barre d'outils lorsque vous le faites glisser depuis la bibliothèque.
6Sélectionnez la cellule Météo dans le contrôleur de la vue principale (elle se trouve sous l'en-tête Vue de la table) et faites glisser le pointeur de la souris jusqu'à Voir le contrôleur - Météo.
Vous pouvez le faire dans le canevas ou dans le plan du document ou les deux. Vous pouvez également réorganiser le canevas afin que votre nouveau contrôleur de vue se trouve à proximité de la cellule Météo pendant que vous dessinez la connexion.
Si vous ne l'avez pas déjà fait, lorsque vous travaillez sur les cellules du contrôleur de vue maître, ajoutez une étiquette spécifique à Xcode dans la cellule Vue de la table pour chacune d'entre elles. Cela rend votre vie beaucoup plus facile.
7Sélectionnez Remplacer dans le menu local Segment de sélection qui apparaît.
Vous utilisez un segment lorsque vous souhaitez créer une transition d'un contrôleur de vue à un autre. Un segment effectue la transition visuelle entre deux contrôleurs de vue et prend en charge les transitions push (navigation), modales et personnalisées. Tout ce que vous avez à faire (comme vous venez de le voir) est de faire glisser la commande Ctrl d'un bouton ou d'une cellule Table View vers le contrôleur de vue que vous voulez afficher.
Un push segue provoque le glissement du nouveau contrôleur de vue (avec le bouton Retour) lorsque l'utilisateur appuie sur un bouton; les éléments de la barre de navigation sont mis à jour de manière appropriée.
Contrairement à une séquence de boutons, un modal segue présente le contrôleur de vue de manière modale, avec le style de transition que vous spécifiez, et oblige l'utilisateur à faire quelque chose pour revenir au contrôleur précédent.(Cette condition que l'utilisateur fasse quelque chose est la partie modale d'une section modale.) Les s seguers supportent les styles de transition visuelle standard, tels que Cover Vertical, Flip Horizontal, Cross Dissolve et Curl Partiel.
De plus, les objets segue sont utilisés pour préparer le passage d'un contrôleur de vue à un autre. Les objets Segue contiennent des informations sur les contrôleurs de vue impliqués dans une transition. Lorsqu'un segment est déclenché, mais avant que la transition visuelle ne se produise, le module d'exécution du storyboard appelle la méthode prepareForSegue: sender: du contrôleur de vue actuel afin qu'il puisse transmettre les données nécessaires au contrôleur de vue sur le point d'être affiché.
Une séquence de remplacement entraîne le remplacement du contrôleur de vue existant par un nouveau.
Vous remarquerez que la vue se redimensionne. Par défaut, il s'agit d'une destination identique à la vue d'origine. Vous devrez corriger cela. (La destination est ici la vue principale.)
8Sélectionnez la section sur le canevas du storyboard ou dans le plan du document et, dans l'inspecteur des attributs, assurez-vous que Remplacer apparaît dans le menu Style du Inspecteur d'attributs; puis entrez Météo dans le champ Identifiant et appuyez sur Retour.
Encore une fois, vous n'utiliserez pas toujours l'identificateur, mais c'est une bonne pratique de le nommer pour que vous puissiez l'identifier.
9Si nécessaire, sélectionnez Détail partagé dans le menu déroulant Destination.
Notez que la fonction est sélectionnée dans le plan du document ainsi que sur le canevas (elle passe du gris au blanc) et que le contrôleur de vue a redimensionné sa vue.
10Sélectionnez la cellule Vue du tableau contenant l'étiquette Météo dans le canevas ou le plan du document et, dans le champ Accessoire de l'inspecteur d'attributs, assurez-vous que l'accessoire a été défini sur Aucun.
Certains autres contrôleurs de vues du storyboard ne sont pas lancés par segment, et vous les ajouterez au besoin.
