Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir Xcode 7

Passer d'un écran à l'autre à l'aide d'un segue

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Sans aucune programmation nécessaire, vous pouvez obtenir une transition vers un autre écran à partir d'un bouton. En un clic, vous pouvez aussi ajouter une navigation à votre application.

Transcription

Alors voyons maintenant comment passer d'un écran à l'autre. Tout d'abord la première chose que je veux vous montrer c'est de changer la taille de votre contrôleur, en tout cas juste pour le design parce que cette taille que vous voyez là est une taille, qui est justement, volontairement un carré, pour ne représenter aucun iPhone ou aucun Ipad. Parce qu'il faut jamais se faire d’imagination, sur le device, sur lequel on va tourner lorsqu’aujourd’hui on n'est plus en 2008, où on avait juste un iPhone trois pouces et demie. D'ailleurs jusqu'en 2010, à l'arrivée de l'Ipad. Avec l'arrivée de l'Ipad on a eu déjà un problème différent. Alors je vous le dis tout de suite à l’époque la stratégie c’était d'avoir deux Storyboards différents. Mais ensuite plus tard et notamment surtout avec l'arrivée de l'iPhone 5, comme on avait de toute façon deux tailles de téléphones, plus l'Ipad, en ce moment-là on est tombé dans une autre stratégie qui est une stratégie d'avoir un seul Storyboard, avec les Auto leyout. Ceci dit pour travailler c'est pas trop mal d'avoir un tout petit carcan? Donc là vous pouvez simuler un iPhone 3 pouces et demie, 4 pouces, c'est-à-dire en gros, les iPhones, avant l'iPhone 5. Tout ce qui est la série des iPhones 5 et 5C et SO, qui pour rappel est exactement la même chose qu'un iPhone 5 et 5 S à bien des regards. Et un iPhone K,7, c'est-à-dire 6, 6S, 55 c'est 6S. On va se mettre en 3.5. Vous pouvez aussi d'ailleurs au passage je vais vous montrer aussi comment vous pouvez mettre un Ipad ou Ipad PRO, complètement un tiers ou entière, alors un tiers ça correspond à quoi déjà ? Entière ça correspond aux modes Split sur un Ipad, c'est-à-dire que vous êtes soit sur tous les Ipads supportant IOS 9, ce qu'on appelle un Mode Overley en gros. Vous avez un tiers qui apparaît sur l'autre application, mais aussi sur l'Ipad R depuis l'Ipad R2 et aussi donc les Ipads PRO, petits ou grands. Vous pouvez être en Split total. Vous avez deux tiers à côté, envers de l'autre, sans plus le simuler aussi. Nous, on va se mettre une fois de plus dans le petit iPhone, iPhone 3.5. La deuxième chose qu'on va faire, c'est qu'on va prendre un View Contrôleur puisqu'on va passer de l'un à l'autre, alors là c'est la première chose dans notre Library d'Objet. Donc on va cliquer ça, on va le mettre dans le carcan. Là vous allez être un peu surpris, ce que vous allez vous dire deux secondes Steph, là, tu viens de changer la taille, mais là c'est toujours l'ancienne taille. Le fait est que ces deux-là, n'ont aucune relation avec l'autre. Ils ne sont pas liés d'ailleurs. Ce qu'on va faire, c'est qu'on va les lier justement. Comment on va faire ? Pour ça on va revenir sur le bouton, on va utiliser la touche Contrôle ou Ctrl, on va maintenur cette touche, on va glisser et déplacer, depuis le Bouton, Et maintenant ça, alors vous voyez une ligne bleue qui apparaît, quelque chose de connu, pour certains qui ont peut-être déjà fait du développement MAC par exemple. Au passage les Storyboards sont arrivés sur MAC, aussi depuis récemment, et là vous glissez déplacez jusqu'à ce que vous arriviez sur votre View Contrôleur. Au moment où vous lâchez, il y a une petite fenêtre qui apparaît avec un choix affaire, et là, on va prendre Show dans un premier temps, Ok, pour faire simple. Là vous voyez qu'effectivement mon View Contrôleur a pris la taille de l'autre. Pour deux raisons, d'abord il sait qu'il est associé à celui-là et ensuite sa taille était Inferred, en gros [inaudible]. La taille à laquelle il appartient. Ce qu'on va faire c'est que maintenant on va lui lancer tout simplement ce projet On va voir que quand on lance au début, c'est tout simplement tout blanc, c'est le launch Storyboard, donc le bouton n'est pas encore là, et ensuite le bouton apparaît. Quand je clique sur le bouton, que se passe-t-il ? Le bouton disparaît. C'est en fait une illusion optique, c'est pas que le bouton apparaît, mais c'est que ce View Contrôleur-là apparaît. Alors, comment vous prouvez qu'il apparaît ? Je vais utiliser une petite astuce de développeur, qu'on utilise de temps en temps pour voir comment quelque chose se passe, de changer une couleur par exemple. Donc pour choisir la couleur on va choisir ici, à droite, peu importe où vous cliquez à droite, ç'est pas nécessaire de cliquer sur les petites flèches bleues. Et là vous avez les couleurs, que vous avez récemment utilisé. ou par exemple des couleurs systèmes. Vous avez aussi l'option de cliquer sur Other, qui fait apparaître donc la palette avec plein d'options. Notamment des sliders, des choses ainsi alors et une autre option pour faire apparaître ça, c'est de cliquer tout simplement dans la partie de gauche avant le White Color, là où il y a la couleur et là ça apparaît directement. Alors nous on va prendre une petite couleur pastelle, comme ça on va fermer ça on va relancer et on va voir ce qu'il se passe. Voilà, il y a l’écran qui apparaît du bas vers le haut. D'ailleurs si je relance mon application et je sais pas si vous vous souvenez de l'astuce que j'avais donné avec le simulatuer. J’avais donné l'astuce : Debug, Slow Animations , voilà donc ça c'est aussi Commande T. Là si je clique maintenant je vais avoir l'animation doucement, OK . Et on voit d'ailleurs qu'à la fin elle est plus lente pour avoir une meilleure idée. Le problème ici c'est que je n'ai pas de possibilité de revenir. Je pourrais rajouter un bouton et rajouter du code, je vous le dis d'ailleurs tout de suite c'est une seule ligne de code. Le fait est que ceci n'est pas un cours sur le code, mais c'est un cours sur Xcode, il ne faut pas confondre. Donc ce qu'on va faire, c'est qu'on va maintenant passer à autre chose, ce qui me permet de vous montrer le menu Éditeur. Ce menu Éditeur est un menu contextuel, c'est-à-dire que là comme je suis dans un Storyboard, il m'affiche des choses comme Embed in, sur lequel on va revenir, par exemple. Ou Canvas, Size Class ou des choses ainsi. Tandis que si je prends par exemple un View Contrôleur, donc du code, voyez que le menu Éditeur, à ce moment-là est totalement différent. Il y a Show Complétions, Show Invisibles, il y a des choses qui n'ont rien à vous. Donc nous, on va revenir dans nos Storyboards. On va resélectionner notre View Contrôleur, et lui dire de faire Embed In, Navigation Contrôleur, et on va voir ce qui se passe, on va cacher tout ça. Pour cacher la partie du bas c'est Shift Commande Y, Voyez que c'est dans le menu View et puis d'ailleurs ce petit bouton ici. Donc on va dézoomer, Et là ça peut être un peu pérturbant, parce qu'effectivement la taille est à nouveau une autre. Donc ce qu'on va faire c'est que lui on va lui donner une autre taille d'ailleurs ça va me permettre de vous montrer quelque chose. Donc lui on va lui donner cette taille qui va être pas la taille, par exemple dans l'iPhone 5, donc iPhone 4 inch. Et vous voyez qu'à ce moment-là la taille des autres restent les mêmes. Alors pour que tout prenne la même taille c'est plus sympa d’ailleurs ça vous pouvez faire en dézoomer. Ça pour le coup, c'est le seul truc, qu'on puisse faire justement en dézommer, c'est-à-dire l'accès au view contrôleur en lui-même. Mais à ces view à l'intérieur, on n'a pas accès. Lui, on va lui remettre Inferred, vous verrez qu'à ce moment-là ils ont tous la même taille, Ok ? Ce qui me permet donc d'aller retourner là-bas et de remettre du 3.5, parce que ça me suffit, vous voyez c'est plus petit. Donc si je relance cette fois-ci, on va voir que c'est un petit peu différent, vous le voyez on a une barre de navigation, qui est apparu ici dans laquelle on n'a rien pour l'instant, mais si je clique sur le bouton, l’écran arrive de la droite et va vers la gauche, avec un bouton Back, en haut à gauche qui est gratuit. Il est arrivé comme ça, sans ligne de code qui permet de revenir au début. Donc voilà, ça c'est comment passer de l'un à l'autre, ensuite vous pouvez aussi changer le type de transition. Je vous ai pas montré, mais quand vous étiez en modal tout à l'heure, on était dans une transition ce qu'on appelle Cover Vertical mais vous auriez pu aussi tester le Flip Horizontal, je vous laisse un petit peu tester. Vous verrez que ça se passe un petit peu différemment. Et il y a plein de choses ainsi, on peut notamment aussi changer le type de Segue. Vous pouvez donner une autre place à votre Segue et donc lui faire quelque chose d'un peu différent. Nous pour l'instant c'est pas ce que j'ai montré donc là voilà. On aurait pu changer la plasse ici. Pour l'instant ça suffira et donc ça vous permet de développer vos applications et de créer en gros le Navigation Flop.

Découvrir Xcode 7

Explorez l’interface et les fonctionnalités d’Xcode 7. Gagnez ainsi en productivité lors du développement de vos applications iOS, OS X, watchOS et tvOS.

Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :4 mai 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !