Découvrir Xcode 7

Comprendre les utilitaires contextuels

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
À droite de l'éditeur de Xcode 7, se trouvent les utilitaires. En fonction de ce que vous avez sélectionné, ces utilitaires changeront.

Transcription

Alors, intéressons-nous maintenant aux Utilitaires contextuels. C'est ce qu'on appelle ici les Utilities, avec le bouton ici Hide or Show. Mais aussi si on va dans View, Utilities, Hide or Show et puis option Commande 0. Option Alt, vous savez c'est une touche qui s'appelle des fois options, des fois Alt, en fonction du contexte sur MAC. Donc là, ça permet de l'afficher ou de le cacher. Alors, ces deux premiers panneaux qui sont toujours affichés. Le premier panneau c'est le panneau des (on d’ailleurs va fermer ceci), c'est le panneau du fichier en fait le File Attribut, qui n'est pas très utilisé si ce n'est pour le Target Membership. Pour le reste il sera toujours là et il vous indiquera exactement l'endroit où votre fichier se trouve. Le deuxième est plus intéressant, il est toujours là aussi, mais il n'affiche pas toujours quelque chose. Là, en l’occurrence par exemple si j'affiche le projet vous verrez que j'ai pas de Quick Help mais si je me remets comme je l'étais il y a deux secondes sur un véritable fichier, vous verrez qu'à ce moment-là j'ai un Quick Help, qui est plus ou moins utile en l’occurrence pour le coup pas très, mais si je vais dans UIWindow, vous verrez que j'aurais toute l'information de UIWindow. Ça c'est une Quick Help qui est toujours affiché, alors pour lequel UIWindow, c'est quand même beaucoup de choses affichées dans Quick Help. Donc ce qu'on peut faire c'est qu'on peut cliquer ici tout dans le fond, dans la référence. Là, j'ai une fenêtre à part entière, qui va s'ouvrir. On est toujours dans Xcode, mais c'est une autre fenêtre, c'est pas la fenêtre de l’éditeur, qui là aura beaucoup plus d'informations qui sera donc plus affichée avec plus de détails et surtout plus de couleurs. Vous avez aussi l'option toujours de faire afficher ces informations, lorsqu'avec votre pointeur de souris vous utilisez la touche Alt, à ce moment-là votre pointeur de souris, quand il passera sur un élément, dont on a une information pour et il va se transformer en point d'interrogation si je clique, à ce moment-là j'aurais l'aide contextuelle directement ici, peu importe ce qu'il y a à droite, alors vous aurez ça, une petite fenêtre. Si je fais double-clic par contre à ce moment-là ça va ouvrir ceci. De la même façon, si je fais Commande clic, là ça va vous transformer en une main avec un doigt. Si je clique, là je vais aller dans ce qu'on appelle le Header, qui est en gros, historiquement le fichier .h, mais qui est généré en Swift maintenant, pour vous donner vraiment le code de ce qui est utilisé. Les plus anciens développeurs, dont je me compte moi personnellement déjà entre temps après huit ans de développement iOS, passent beaucoup de temps là dedans et moins de temps dans la documentation. Alors petit truc et astuce ici, vous allez voir que je vais reculer au fichier précédent, je le fais avec le clavier. Ce que je fais, c'est que c'est sensiblement comme-ci je cliquais ici sur le Go Back. Si vous regardez bien dans mon menu, vous allez voir que le menu Navigate, se highlight. Pour savoir comment c'est le Go Back, si je ne me souviens plus où c'est, je peux aller (ça c'est une astuce qui est valable un peu partout dans OS10 en tout cas pour les applications digne d'OS 10) vous pouvez aller dans le menu Help et taper à ce moment-là back et vous allez voir que ça s'affiche, l'endroit exactement où il se trouve avec vous voyez une petite flèche, qui dit que c'est à cet endroit-là que ça se trouve. Vous voyez aussi dans raccourci clavier, qui est donc en l’occurrence contrôle commande flèche vers la gauche pour reculer et contrôle commande flèshe vers la gauche pour avancer. Ça c'est les deux qui seront toujours affichés. Les autres pour voir à quoi ils correspondent, on va aller faire un tour du côté d'un Storyboard, par exemple. Et là vous voyez que j'ai plein de choses qui sont affichées. Le troisième par exemple qui est en l’occurrence l'identity inspector ne va pas s'afficher pour tout, par contre si je prends le View Controller oui, là j'aurais quelle est la classe qui est utilisée. Si je clique sur la petite flèche, je vais aller à l'endroit exact, OK . Donc je vais revenir dans mon Storyboard, qui est la classe, qui est utilisée, le Storyboard ID. Bon, on ne va pas entrer dans les détails de développement IOS, mais plein d'informations qui sont là. Ensuite aussi les Simulated Metrics c'est-à-dire la taille simulée, là en l'occurence c'est une taille universelle pour ne pas avoir à priori sur un tel ou tel Iphone. Mais si on décide de travailler sur par exemple un iPhone 3.5, c'est pratique, parce que c'est petit, même si dans la réalité on aura peut-être un iPhone 6+ derrière. On peut se simuler une taille plus petite. Et plein de choses ainsi, on va pas entrer dans les détails mais plein, plein, plein de choses qui seront d'application lorsque vous apprendrez à développer une application IOS. Cinquième ici et donc je peux accéder avec Alt Commande 5, c'est la taille en l'occurrence c'est plus utile, si je vais faire un tour du côté d'un véritable objet, par exemple la vue. Mais là la vue ce n'est pas un très bon exemple, parce que je ne peux pas modifier ni sa taille, ni son endroit. Par contre si je prends et je prends un petit peu de l'avance sur ce qu'on verra tout à l'heure, si je prends ici un bouton, par exemple, que je glisse à cet endroit-là, voilà. Mon bouton à ce moment-là, il a vraiment une position. Vous verrez que je peux décider de l'endroit où il va se trouver, je peux même carrément entrer directement 200, par exemple, qui va se déplacer à bon endroit. Même chose pour la taille de mon bouton, si je dis que le bouton doit faire 100 de taille vous verrez que la taille va changer. Ça c'est des choses qui sont en rapport avec l'Auto layout. Et enfin les connexions. Alors là c'est un petit peu complexe, on verra comment connecter du code à vraiment une interface utilisateur et c'est là où les fameuses Outlets et Actions seront affichés. Donc voilà en gros le tour d'ensemble, on peut rappeler qu'on fait avec Alt commande 0. On peut cacher aussi. Et puis Alt commande 1,2,3,4,5,6. Mais il y a quelque chose en dessous qui se retrouve justement. Alors cela vous pouvez y accéder, même chose si vous allez faire un tour du côté de View, l'Utilities. C'est les Library : Show Template Libraries, Snippet Library, Object Library, Media Library avec Contrôle. Alors c'est simple si vous gardez votre clavier, vous aurez la touche commande, ensuite la touche Alt à sa gauche et ensuite la touche Contrôle encore à sa gauche. Donc là on pourra afficher Contrôle Alt Commande 1, 2, 3, 4. Alors le 1, c'est une Template Library, il faut enlever quelque chose ici. Ça c'est une liste de fichiers, qu'on va pouvoir directement faire un Drag and drop au bon endroit. Ça évitera de passer par le fichier File, New File. Donc c'est sensiblement la même chose. Le deuxième c'est un petit peu plus utile déjà ou plus souvent utile, ce sont des Snippet de code, alors on peut par exemple trouver une boucle FOR Ça va être un bon exemple, justement. Si on prend le FOR Statement, qui est donc un FOR Statement normal, on va dire. On va le mettre en cet endroit-là alors je l'ai mis en mauvais endroit puisque je l'ai mis juste dans une bulle de commentaire. Donc on va se remettre à cet endroit-là. Et là on va voir que je peux me balader entre les différents token, avec si on va faire un tour du côté de menu Navigate, Jump to Next Placeholder, avec Contrôle /. Donc si je fais Contrôle /, je peux aller directement ici à l’initialisation. Imaginons qu'on initialise, par exemple une variable a, on va dire que la condition c'est que quand a sera plus petit 10, on va dire que a ++. tant qu'à rester old school, restons old school, on ne va rien mettre pour l'instant à intérieur. On va voir ici il y a plusieurs choses, qui vont apparaître. D'abord le ++ est deprecated effectivement, ça, j'en avais déjà parlé, donc on va faire un plus égale 1, OK. Et ensuite on va voir s'il est toujours content avec ça, et il s'avère que non, parce que ce C style for statement est deprecated et sera enlevé en une future version de Swift. C'est pas très précis, Future version, mais à priori c'est la même chose que avec le ++, c'est-à-dire que c'est dans Swift 3.0, qu'on ne pourra plus utiliser ça. Donc, de toute façon il y a plus aucune nécessité d'utiliser ce style-là, on devrait plutôt utiliser un autre style. En tout cas je vous ai montré comment faire ça et on peut faire ça par exemple avec le boucle while et vous pourrez aussi faire vous-même vos propres Snippet, on verra là-dessus. Et ensuite à la Library avec, il n'y a pas que les boutons à tout à l'heure je vous ai déjà un petit peu montré. Il y a les boutons, mais il y a aussi, là je vais vous les afficher comme ça, comme ça vous verrez exactement ce qu'il y a. Il y a des View Controller, il y a des Segmented Controles, des Text Fields, des Sliders, des Switches. Voilà tout ça c'est pour créer votre application iOS, vous aurez besoin de tout ça : Des Maps View, plein de choses ainsi. Et enfin on termine avec le Media Library. Alors la Media Lubrary ça permettra d'utiliser notamment, par exemple imaginons quand on décide de mettre ceci le ball.PDF là. On décide de le mettre à l’intérieur ici. On ne pourra pas faire ça comme ça, non plus. On ne pourra pas le mettre là-bas directement. Il va falloir aller le mettre dans nos Assets. Alors dans nos Assets, je vais glisser ça. Il va me créer directement un fichier ici, en l’occurrence en une fois, qu'on pourrait modifier, comme c'est un fichier universel, chose que malheureusement Xcode ne reconnaît pas, il faut aller lui dire que c'est un Single Vector puisque c’est un Vector et il faut aller le mettre à cet endroit, voilà. Donc ça c'est un Vector, comme c'est un PDF, Je vous recommande d'utiliser des PDFs, tant que possible, parce que Xcode va automatiquement les convertir dans les 1,2, et 3X nécessaires, pour une application IOS. Si je reviens donc à mon Stroyboard ici et que je retourne ici, là il faut enlever la sélection, là j'aurai la Ball, qui est affichée. Je pourrai donc avoir automatiquement Balle qui est en fait une Imageview, simplement, qui a bien été rempli. Donc voilà comment afficher tout ça. Vous pouvez aussi utiliser Contrôle Alt commande 0. Peu importe si c'est ctrl + Alt + cmd + 0 ou Alt commande 0 pour afficher ou cacher. Et donc voilà comment utiliser toute cette oreille droite.

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 !