iOS - Storyboards

Les storyboards sont introduits dans iOS 5. Lorsque nous utilisons des storyboards, notre objectif de déploiement doit être 5.0 ou supérieur. Les storyboards nous aident à créer tous les écrans d'une application et à interconnecter les écrans sous une seule interface MainStoryboard.storyboard. Cela aide également à réduire le codage des contrôleurs de vue poussant / présentant.

Étapes impliquées

Step 1 - Créer un single view application et assurez-vous de sélectionner storyboard case à cocher lors de la création de l'application.

Step 2 - Sélectionnez MainStoryboard.storyboardoù vous pouvez trouver un contrôleur de vue unique. Ajoutez un autre contrôleur de vue et mettez à jour les contrôleurs de vue comme indiqué ci-dessous.

Step 3- Connectons maintenant les deux contrôleurs de vue. Cliquez avec le bouton droit sur le bouton "Afficher modal" et faites-le glisser vers le contrôleur de vue droit dans le contrôleur de vue du côté gauche, comme indiqué ci-dessous.

Step 4 - Sélectionnez modal parmi les trois options affichées comme indiqué ci-dessous.

Step 5 - Mettre à jour ViewController.h comme suit -

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController

-(IBAction)done:(UIStoryboardSegue *)seque;

@end

Step 6 - Mettre à jour ViewController.m comme suit -

#import "ViewController.h"

@interface ViewController ()
@end

@implementation ViewController

- (void)viewDidLoad {
   [super viewDidLoad];	
}

- (void)didReceiveMemoryWarning {
   [super didReceiveMemoryWarning];
   // Dispose of any resources that can be recreated.
}

-(IBAction)done:(UIStoryboardSegue *)seque {
   [self.navigationController popViewControllerAnimated:YES];
}

@end

Step 7 - Sélectionnez MainStoryboard.storyboard et cliquez avec le bouton droit sur le bouton Quitter dans le contrôleur de vue de droite, sélectionnez Terminé et connectez-vous avec le bouton Retour comme indiqué ci-dessous.

Production

Lorsque nous exécutons l'application dans un iPhone appareil, nous obtiendrons la sortie suivante -

Lorsque nous sélectionnons "show modal", nous obtiendrons la sortie suivante -