Transition de             NIBs/XIBs          vers Storyboards Jean-Marc LACOSTE - Ambre Systems                           ...
NIB                XIB             Storyboard AméliorationsHéritage NeXT   Interface Builder 3     Xcode 4     Xcode 4.5.2...
Les NIBs/XIBs     • Habitude de programmation bien maîtrisée     • Généralement 1 NIB/XIB = 1 View           Controller   ...
Les Storyboards     • Vue naturelle du Storyboard «papier»     • Meilleure vision des transitions     • Adapter et porter ...
Poser un nouveau                  Storyboard     • Dans un projet «Empty Application»     • Ajouter une nouvelle Resource ...
Structure d’un                        Storyboard                          Scène                                           ...
Segue     • Emprunté à l’Italien segue qui signifie suit           (...)           http://fr.wiktionary.org/wiki/segue     ...
Transition modale                     simple     •    Segue de type modal     •    Obligation de faire le          retour ...
Transition modale                     simpleJean-Marc LACOSTE - Ambre Systems
Transition manuelle     • Possibilité d’utiliser le storyboard «à           l’ancienne»     • Invocation manuelle d’un Vie...
Mécanismes de                       navigation     •    Navigation Controller     •    TabBar Controller     •    TabBar +...
Démos     • Exemples rapides de construction dans un           storyboardJean-Marc LACOSTE - Ambre Systems
Custom Segue     •    Spécifier une transition          personnaliséeJean-Marc LACOSTE - Ambre Systems
Segue et TableView     • Remplacer didSelectRowAtIndexPath: par           prepareForSegue: comme «déclencheur»- (void)tabl...
Segue et TableView     •    Modification de          transition     •    Utilisation des          identifiants de segue     ...
Unwind segue et                   passage arrière     • Passage arrière par delegate     • Passage arrière par unwind segu...
Questions ?     • Exemples et pdfs disponibles sur http://           jeanmarc.lacoste.free.fr/sb/sb.pdf     • Mail        ...
Prochain SlideShare
Chargement dans…5
×

Transition de NIBs/XIBs vers Storyboards

3 798 vues

Publié le

Transition de NIBs/XIBs vers Storyboards

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
3 798
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 736
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Transition de NIBs/XIBs vers Storyboards

  1. 1. Transition de NIBs/XIBs vers Storyboards Jean-Marc LACOSTE - Ambre Systems Formateur/Consultant Développeur iOS/UNIX/Linux Administrateur Système Unix/Linux/MacOSX Formation et ServicesPrésentation - Décembre 2012
  2. 2. NIB XIB Storyboard AméliorationsHéritage NeXT Interface Builder 3 Xcode 4 Xcode 4.5.2 Historique
  3. 3. Les NIBs/XIBs • Habitude de programmation bien maîtrisée • Généralement 1 NIB/XIB = 1 View Controller • Transition manuelles (dans le code) • nib2objc (Adrian Kosmaczewski)Jean-Marc LACOSTE - Ambre Systems
  4. 4. Les Storyboards • Vue naturelle du Storyboard «papier» • Meilleure vision des transitions • Adapter et porter le code • Nouvelles habitudes et méthodes • Possibilité de mélanger storyboards et XIBs • Incompatibilité avec iOS4- (< 20% parc) • Travail en groupe plus «délicat»Jean-Marc LACOSTE - Ambre Systems
  5. 5. Poser un nouveau Storyboard • Dans un projet «Empty Application» • Ajouter une nouvelle Resource > Storyboard • Lier la ressource à l’appareil • Contrôler le fichier plist • Modifier le didFinishLaunchingWithOptions:Jean-Marc LACOSTE - Ambre Systems
  6. 6. Structure d’un Storyboard Scène Attributs de la Segue Dock SegueJean-Marc LACOSTE - Ambre Systems
  7. 7. Segue • Emprunté à l’Italien segue qui signifie suit (...) http://fr.wiktionary.org/wiki/segue • Le segue est une transition possédant ses propres attributsJean-Marc LACOSTE - Ambre Systems
  8. 8. Transition modale simple • Segue de type modal • Obligation de faire le retour «manuellement» (par code) :-( • Sauf avec du Curl :-)Jean-Marc LACOSTE - Ambre Systems
  9. 9. Transition modale simpleJean-Marc LACOSTE - Ambre Systems
  10. 10. Transition manuelle • Possibilité d’utiliser le storyboard «à l’ancienne» • Invocation manuelle d’un ViewController spécifique-(IBAction)clicVersVC2:(id)sender { viewController2 = [[UIStoryboard storyboardWithName:@"MainStoryboard_iPhone" bundle:NULL] instantiateViewControllerWithIdentifier:@"monVC2"]; [self.view addSubview:viewController2.view];}Jean-Marc LACOSTE - Ambre Systems
  11. 11. Mécanismes de navigation • Navigation Controller • TabBar Controller • TabBar + Navigation • SplitView Controller • TabBar + SplitView • etc.Jean-Marc LACOSTE - Ambre Systems
  12. 12. Démos • Exemples rapides de construction dans un storyboardJean-Marc LACOSTE - Ambre Systems
  13. 13. Custom Segue • Spécifier une transition personnaliséeJean-Marc LACOSTE - Ambre Systems
  14. 14. Segue et TableView • Remplacer didSelectRowAtIndexPath: par prepareForSegue: comme «déclencheur»- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { NSLog(@"Choix %@ se trouvant à lindex %d", [liste1 objectAtIndex:indexPath.row], indexPath.row); DetailViewController_iPhone *viewController = [[DetailViewController_iPhone alloc] init]; [self.navigationController pushViewController:viewController animated:YES];}- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { if ([[segue identifier] isEqualToString:@"versDetail"]) { NSIndexPath *selectedRowIndex = [self.tableView1 indexPathForSelectedRow]; DetailViewController_iPhone *viewController = [segue destinationViewController]; viewController.leChoix = str; }}Jean-Marc LACOSTE - Ambre Systems
  15. 15. Segue et TableView • Modification de transition • Utilisation des identifiants de segue • Changer ses habitudesJean-Marc LACOSTE - Ambre Systems
  16. 16. Unwind segue et passage arrière • Passage arrière par delegate • Passage arrière par unwind segue • DémoJean-Marc LACOSTE - Ambre Systems
  17. 17. Questions ? • Exemples et pdfs disponibles sur http:// jeanmarc.lacoste.free.fr/sb/sb.pdf • Mail jeanmarc.lacoste@ambre-systems.comJean-Marc LACOSTE - Ambre Systems

×