Qu’est-ce que le StoryBoard dans iOS ?


Un storyboard est une représentation visuelle de l'interface utilisateur d'une application iOS, montrant les écrans de contenu et les connexions entre ces écrans. Un storyboard est composé d'une séquence de scènes, dont chacune représente un contrôleur de vue et ses vues ; les scènes sont reliées par des objets segue, qui représentent une transition entre deux contrôleurs de vue.

Xcode fournit un éditeur visuel pour les storyboards, dans lequel vous pouvez mettre en page et concevoir l'interface utilisateur de votre application en ajoutant des vues telles que des boutons, des vues de tableau et des vues de texte sur les scènes. En outre, un storyboard vous permet de connecter une vue à son objet contrôleur, et de gérer le transfert de données entre les contrôleurs de vue. L'utilisation de storyboards est la méthode recommandée pour concevoir l'interface utilisateur de votre application, car ils vous permettent de visualiser l'apparence et le flux de votre interface utilisateur sur un seul canevas.


main-qimg-be07e245b135a427630c72e444196dac.webp

Une scène correspond à un contrôleur de vue unique et à ses vues

Sur l'iPhone, chaque scène correspond à un contenu en plein écran ; sur l'iPad, plusieurs scènes peuvent apparaître à l'écran en même temps - par exemple, en utilisant des contrôleurs de vue popover. Chaque scène possède un dock, qui affiche des icônes représentant les objets de premier niveau de la scène. Le dock est principalement utilisé pour établir des connexions d'action et de sortie entre le contrôleur de vue et ses vues.

Comme pour tous les objets chargés à partir d'un storyboard, pour finir d'initialiser un contrôleur de vue chargé à partir d'un storyboard, vous surchargez awakeFromNib.

Une segue gère la transition entre deux scènes

Vous pouvez définir le type de transition (par exemple, modale ou push) sur une segue. En outre, vous pouvez sous-classer un objet segue pour mettre en œuvre une transition personnalisée.

Vous pouvez transmettre des données entre les scènes avec la méthode prepareForSegue:sender :, qui est invoquée sur le contrôleur de vue lorsqu'un segue est déclenché. Cette méthode vous permet de personnaliser la configuration du contrôleur de vue suivant avant qu'il n'apparaisse à l'écran. Les transitions se produisent généralement à la suite d'un événement, comme l'appui sur un bouton, mais vous pouvez forcer une transition de manière programmatique en appelant performSegueWithIdentifier:sender : sur le contrôleur de vue.