iOS - Storyboard

Gli storyboard vengono introdotti in iOS 5. Quando usiamo gli storyboard, il nostro obiettivo di distribuzione dovrebbe essere 5.0 o superiore. Gli storyboard ci aiutano a creare tutti gli schermi di un'applicazione e interconnettere gli schermi sotto un'unica interfaccia MainStoryboard.storyboard. Aiuta anche a ridurre la codifica di push / presentazione dei controller di visualizzazione.

Passaggi coinvolti

Step 1 - Crea un file single view application e assicurati di selezionare storyboard casella di controllo durante la creazione dell'applicazione.

Step 2 - Seleziona MainStoryboard.storyboarddove puoi trovare il controller di visualizzazione singola. Aggiungi un altro controller di visualizzazione e aggiorna i controller di visualizzazione come mostrato di seguito.

Step 3- Colleghiamo ora entrambi i controller di visualizzazione. Fare clic con il pulsante destro del mouse sul pulsante "mostra modale" e trascinarlo sul controller di visualizzazione destro nel controller di visualizzazione lato sinistro come mostrato di seguito.

Step 4 - Seleziona modale dalle tre opzioni visualizzate come mostrato di seguito.

Step 5 - Aggiorna ViewController.h come segue -

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController

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

@end

Step 6 - Aggiorna ViewController.m come segue -

#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 - Seleziona MainStoryboard.storyboard e fai clic con il pulsante destro del mouse sul pulsante Esci nel controller della vista laterale destra, seleziona Fine e connettiti con il pulsante Indietro come mostrato di seguito.

Produzione

Quando eseguiamo l'applicazione in un file iPhone dispositivo, otterremo il seguente output:

Quando selezioniamo "mostra modale", otterremo il seguente output: