Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Xcode 8 : Les nouveautés

Exploiter les litéraux de couleur et d'image

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Si vous connaissez Swift Playgrounds, l'application pour apprendre à coder sur iPad, vous la retrouverez désormais sur Mac grâce à Xcode 8.

Transcription

Les littéraux sont apparus sur Xcode sous forme de playground et là plus récemment sont apparus sur Xcode 8.1 directement dans les projets. Donc là je sous envoie sur un bloc post qui donc est un billet sur le Blog de Swift qui est donc le blog officiel de Apple qui date un petit peu, en l’occurrence d'octobre 2015. Pour le coup j'ai dû mettre à jour moi-même les informations étant dans ce playground. Dans le fond de ce blog post il y a un literals.playground. Vous verrez que si vous téléchargez cette version-là, vous devrez un peu travailler pour changer la version. Alors, je l'ai mis là. Ce qui change c'est la déclaration. Mais ce que je vais surtout vous démontrer, c'est ce à quoi correspond ces littéraux. Ces littéraux vont remplacer des NSColor, des UIColor ou des NSImage ou des UIImage. En l’occurrence, il y a une occurrence qui n'est pour l'instant pas du tout dans Xcode, qui sont les Files Literals, ce qu'on va voir d'ici peu. Là on voit que la couleur est représentée vraiment par une couleur. Si je sélectionne avec par exemple la souris ou avec le clavier et qu'ensuite je fais entrer, là j'aurais la palette qui va apparaître et là je vais pouvoir changer la couleur. Vous voyez la couleur change progressivement. Si je fais echap, j'aurais la couleur qui va revenir à son point de départ. Si je refais, la couleur a changer à chaque fois. Donc, forcément quand je fais Cmd+Z, j'ai la couleur qui repasse anciennement. Et ensuite il y a la possibilité d'appliquer des fonctions sur ce littéral comme-ci c'était un objet normal, et on voie qu'ici il y a en a un autre qui est un littéral d'image en l’occurrence, avec ce fameux Swift+Template ici qui a été pris ici. Alors ça ne se voit pas bien, mais si je sélectionne ça, vous verrez le petit logo. Et il en est de même à la sélection et que je fais entrer. Vous verrez que le logo Swift qui a été sélectionné. Alors ce logo Swift, il a été pris d'où ? Ici dans le cadre d'un playground il a été pris tout simplement des ressources qui sont intégrées et dans un projet, on verra ça d'ici peu, parce que c'est un peu différent. Alors j'ai la possibilité dans un playground comme vous le savez peut-être déjà, de cliquer sur plus ici et de faire afficher ce logo. Alors ce n'est pas très visible ici, et pour le coup c'est tout simplement parce qu'il n'y a pas de backgound. Alors ici j'ai un petit peu de code qui va me changer un petit peu ça et transformer ce logo un petit peu fade, avec les véritables couleurs, c’est-à-dire un dégradé d'orange et un oiseau blanc. Donc là on a utilisé les deux littéraux qui fonctionnent maintenant dans Xcode 8.1 Il y a un autre littéral sur lequel on va passer mais qui est celui-ci qui permet d’accéder directement à un fichier, qui est un fichier, à l’occurrence ASCII, et qui me donnera quelque chose d'assez sympa. Si je décide de vous afficher ceci, tout simplement, vous verrez qu’il y a une version ASCII de ce logo. Alors dans un projet j'ai fait tout simplement, c'est que j'ai un projet où j'ai deux images de moi. Une image un peu plus zoomé que j'ai appelé icône et une image dé-zoomée, prise pour la petite histoire à Matchu Pitcchu, qui est donc la version entière. Alors j'ai fait une petite App. Je vais cacher ce qui est à gauche c'était pour montrer les assets. Ou plus tôt je reviens dans le Main Menu et dans celui-ci vous verrez que c'est une petite App Mag avec tout simplement une image view. Quand je lance l'App, elle aura déjà cela qui sera rempli et si je lance l'App, voilà, on verra donc que j'ai ici ma tête à l’occurrence et si je clique sur le change, je vais changer ma couleur. Donc ce n'est pas très beau, mais c'est du bleu et aussi le logo. Maintenant, je vais remplacer ça. Donc ce fameux NSImage, par un literal image. Et pour cela tout ce que j'ai à faire c'est de taper à l'occurrence Stuffmc. Vous voyez si je fais stuffmc, j’ai automatiquement les deux images qui apparaissent. Sutuffmc et IconStuffmc. Je vais pour cela prendre Stuffmc. Entrer, et je vais effacer le reste de la ligne, parce qu’en gros, je viens de remplacer ça. Si je re-sélectionne ça avec ma souris ou avec mon clavier où je sélectionne tout ça et ensuite tout simplement je clique dessus ou je fais entrer, ça marche aussi, là je pourrais changer entre les deux. Pouvoir changer entre l'icône stuffmc et Stuffmc. OK donc, je vais reprendre Stuffmc. Pour la couleur, pareil. Là j'ai nscolor.blu. C'est un peu vous mentir, parce que depuis peu on peut faire tout simplement .blu. Donc ça fonctionnera aussi. Donc dans ce cas, je vais vous faire un .red par exemple. Et je vais relancer mon App, et on va voir que si je clique ici, l'image elle a bien changée et j'ai bien du .raid. Le .raid je peux aussi le changer en faisant tout simplement, color. Et là j'ai color literals qui apparaît. Je fais entrer. Et là je peu choisir différentes couleurs. Je vais prendre par exemple cette couleur-là. Je vais faire entrer. Et la même chose si j'utilise mon clavier par exemple Shift et retour vers l'arrière et que je fais entrer ou je sélectionne avec ma souris et je clique, je vais pouvoir changer ma couleur, mais surtout, chose très importante je vais pouvoir cliquer sur other, et là j'ai le sélectionneur de couleurs normal. Qui me permet de changer la couleur. Ça change en live. Donc ici. Mais surtout j'ai aussi la pipette-là me permet de dire, là je vais prendre plutôt la couleur de ma peau ici vous voyez. Et là j'ai choisi exactement ça. Alors ce n'est pas tout parce que donc là évidemment, si je relance, je vous le donne en mille, ça va fonctionner. Mais je peux aussi faire un test. Je peux dire, alors là je vais faire du copier-coller pour le coup. Est-ce que mon image view est un égal/égal Stuffmc. Dans ce cas-là je vais dire que ce sera Icon Stuffmc. Mais là, j'ai l'icône Stuffmc qui n'apparaît pas mais comme ça voilà. J’ai volontairement utilisé un accent circonflexe. Ce n'est pas quelque chose que je recommande. Je ne recommande pas ici d'utiliser des espaces pour un nom de fichier, mais ça marche. Et ensuite deux points. Donc ça me permettre de switcher et ensuite même chose avec les backgrounds color. Là je pourrais aussi changer le Background couleur. Ce n'est pas ce qu'on va faire. On va lancer ça. Et on va voir que là ça refonctionne, je peux changer systématiquement. Donc on peut remplacer. Donc, c'est très pratique, surtout pour les images, moins pour la couleur personnellement je trouve. C'est moins pour la couleur quand c'est une couleur définie. Quand c'est du rouge, du bleu, c'est plus simple de voir .blu, .red. Mais en général ce n'est pas le cas, on aura par exemple un NSColor avec une version red, blue et ainsi de suite, avec donc des variables assez compliquées. Donc là, ici, on peut prendre tout simplement avec la pipette, et avoir toujours cette référence qu'on peut aussi mettre dans une variable par exemple et réutiliser autant qu'on le désire.

Xcode 8 : Les nouveautés

Abordez les nouveautés de la version 8 de Xcode. Passez en revue les extensions de l'éditeur de texte, la création automatique de profils, l’interface Builder, etc.

Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :20 déc. 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 !