Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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        ...
Upcoming SlideShare
Loading in …5
×

Transition de NIBs/XIBs vers Storyboards

3,869 views

Published on

Transition de NIBs/XIBs vers Storyboards

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×