Découvrir Xcode 7

Connecter l'interface au code

Testez gratuitement nos 1268 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
À l'aide des outlets, vous pouvez lier un bouton ou un label à votre code, par exemple. Il s'agit d'initialiser sa valeur ou de changer sa couleur.

Transcription

Alors voyons comment faire une connexion entre votre code et votre interface utilisateur, en ce Main, parce qu'évidemment c'est ce que vous allez devoir souvent faire, prenons l'exemple ici avec notre projet qu'on va appeler Outlet et dans lequel on va rajouter tout simplement deux, donc on va zoomer ici voilà. Et on va donc rajouter deux choses différentes, d'abord un bouton qu'on va mettre ici voilà, et ensuite un Label. OK, qu'on va mettre ici. Alors je vais vous le donner un nom tout de suite, je démarre un seul iPhone 6, ça sera mieux. Et ce qu'on va faire c'est que maintenant on va se dire ce bouton qui s'appelle Button, et que ce Label s'appelle Label, j'aimerai bien au lancement de l'application, pour la raison programmatique je dirais : j'ai envie de changer leurs noms. Pour ça je vais commencer par cacher ce qui est à gauche, et comment savoir où est le code corréspondant à cet interface utilisateur. Il y a 2 solutions, une solution à laquelle on penserait la première, c'est d'aller voir dans le View Contrôleur donc c'est des objets un peu spécieux, ce ne sont pas des objets graphiques, mais c'est surtout celui-là qui nous intéresse le View Contrôleur, Et là d'aller voir dans l'Identity Inspector, Et là on voit que la classe est bien View Contrôleur, qu'une petite flèche si je clique dedans eh bien, ça va sauter à l'endroit. C'est pas super pratique parce que je vais avoir besoin de faire des choses avec les deux. Et pour ça je vais fermer la partie droite j'en ai plus besoin et je vais utiliser au merveil, l'Assistant Editeur en cliquant sur Show the Assistant Editor, ou en faisant Shift Commande Enter, d'ailleurs. Donc Commande Enter ça n'affiche qu'un écran, et Shift Commande Enter, ça affiche les deux. Et automatiquement il est affiché avec le Automatic, qui correspond donc au fichier corréspondant à l'interface utilisateur. Donc ici ce qu'on peut faire c'est qu'on peut cliquer sur le bouton en maintenant la touche Contrôle, c'est comme lorsqu'on avait fait le Ségue. Vous pouvez faire un Contrôle Drug dropé au bon endroit, c'est-à-dire dans la classe évidemment. et de lui dire, à cet endroit-là tu vas me rajouter un Outlet, qu'on va appeler tout simplement Button. Ça c'est la première façon de le faire, vous voyez que quand je passe ma souris sur ce qui ressemble à cercle rempli, ça se transforme en plus et le plus affiche effectivement l'endroit où le bouton se trouve. Alors il y a une autre façon de le faire, c'est comme on le faisait à une époque, c'est-à-dire que si on a déjà écrit ce code, alors je vais le copier coller et en remplaçant deux choses, d'abord le nom qui s'appelle un Label et ensuite le type qui est un UILabel. Ensuite je vais avoir un rond ici, mais qui n'est pas rempli, avec un bouton Plus, que je peux tirer, vers l'endroit, si j'essaye de le mettre sur le bouton, ça se passe rien, pourquoi, parce qu'il cherche un Label. Quand il a trouvé un Label, c'est-à-dire un objet qui correspond à ce qui est défini dans le code, il s'affiche et donc on peut lâcher, et voyez qu'à ce moment-là, il est bien là. Et si je clique d'ailleurs là-dessus, vous verrez que j'ai une liste de choses notamment et si je clique là, il va s'ouvrir évidemment dans le même éditeur, donc c'est pas le but, donc remettons-nous là. ou plutôt justement retournons dans le code. c'est plutôt le code qu'on veut afficher là et pour afficher le code, moi je sais que c'est ce View Contrôleur-là, OK. Maintenant ce que je vais faire, c'est que je vais aussi utiliser une des spécificités de Swift, qui va être de dire que lorsque ce bouton là est Set, avec donc un didSet,. ne vous laissez pas avoir par l'Auto Complition, qui n'est pas forcément là. A ce moment-là et je vais copier ça pour l'autre aussi, ce qu'on va faire sensiblement deux fois la même chose, dans ce cas-ci je vais dire que le button.settitle for state, par exemple Toucher ici. Pour l'etat .Normal, Pour le label je vais dire : label.text, en l’occurrence, est égale à donc La Belle et aha. Donc le Label s’appelle, la Belle et. OK, donc je vais relancer maintenant mon simulateur d'iPhone S6 et on va voir ce qui se passe et ensuite, vous rappelez que les boutons s'appelaient d'ailleurs, je vais vous remettre tout ça dans le code. Il faut que je refasse rien pareil à mon simulateur, les boutons s'appelaient bien Bouton et Label. Là c'est en train de démarrer et là maintenant cette fois-ci ils s'appellent To ici et Là. Alors c'est pratique To ici et Là, c'est tout simplement, parce qu'en fait il va falloir lui dire que ces boutons ont des contraintes, en fait. Donc on va aller tout simplement ici cliquer lui dire voilà il doit être piné à 00, en haut à gauche, et celui-ci, même chose doit être piné à 00, en haut à gauche, et donc on va voir maintenant ce qui se passe, on va voir si la magie Oper. Effectivement ils ont la bonne taille ici, avec donc ces éléments, qui ont donc changé, lorsque l'application a été lancé, ils sont donc rentrés dans la didSet, des deux et ont changé les titres dans ce qu'on a mis dans le code.

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 !