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.

Xcode 8 : Les nouveautés

Prévisualiser directement avec Interface Builder

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
La prévisualisation directe rend la prévisualisation secondaire moins utile. Tirez parti des avantages d'Interface Builder. Vous n'aurez plus besoin de zoomer à 100 % pour éditer une vue.

Transcription

Lorsqu'on atterrit sur la page de promotion de Xcode 8, on va voir que la première chose à laquelle on est confrontés, c'est évidemment ce coté Split Interface Builder et Xcode de chaque coté, c'est un éditeur de texte, mais c'est surtout cette nouveauté dans Xcode 8 qui est ici en bas, qui est cette prévisualisation. C'est quelque chose de nouveau sous cette forme-là, puisque dans Xcode 7, ça existait un peu dans une autre forme, ça a évolué un peu au fil des années. D'ailleurs, si on va faire un tout du coté de la page de Interface Builder, historiquement, ça représentait deux Apps. Il y avait Xcode, avant que ça s'appelle Xcode, ça s'appelait Project Builder. Ensuite, il y avait Interface Builder qui, depuis Xcode 4 a été intégré à Xcode ce qui est une très bonne chose. Vous voyez que là, à nouveau ici en-bas on a quelque chose qui est vraiment nouveau depuis Xcode 8 qui est la prévisualisation en live. En live ça veut dire quoi ? Ça veut dire que si je vais dans mon projet de démo, là j'ai un canevas de base qui est un iPhone 7. Que ce soit un iPhone 7 ou iPhone 6 ou un iPhone 6s, on parle de la même taille, on parle de 4,7 pouces. En dessous j'ai les différents Devices qui ont tous des tailles différentes même en allant jusqu'à pousser le vice jusqu'à l'iPhone 4s qui en l’occurrence pour un projet qui ne tourne que sur iOS 10 n'a pas de sens puisque iOS 10 ne tourne pas sur un iPhone 4s, pour rappel. Donc, je peux changer directement ici, donc là je peux passer directement sur un iPhone SE par exemple, et là je vais voir que mon joli carré orange qui était au milieu n'est plus au milieu, ce qui ne m'arrange pas du tout. Donc, pour le remettre au milieu, je vais vous montrer ce qu'on fait. Vous allez me dire que cette prévisualisation existait déjà auparavant. Oui, ça existait sous une autre forme, c'est à dire que si je fais un tour du coté de l'éditeur assistant. J'ouvre l'éditeur assistant en cliquant sur ce bouton ou en utilisant alt+cmd+entrée, j'ai la possibilité ici entre autre de voir le code correspondant, mais aussi avoir une prévisualisation. Moi, j'ai choisi la prévisualisation, et cette prévisualisation m'affiche plusieurs Device, et d'ailleurs, je peux même les retourner carrément en live ici. Donc, si je décide d'avoir ce Device qui est en mode portrait je peux cliquer là. Là, je peux avoir plusieurs à la fois, et vous voyez qu'on a le même problème. Donc, si je reprends ma version iPhone 7 ici, en sachant que je peux aussi changer l'orientation ici, et voyez tout de suite que c'est en vrac. Mais là, je ne peux en avoir qu'un à la fois, tandis qu'à droite je peux en avoir plusieurs à la fois. Donc ce qu'on va devoir faire ici en l’occurrence, rien de nouveau ici, c'est qu'on va devoir rajouter tout simplement des contraintes. On va aller le centrer en horizontal et en vertical, on va rajouter des contraintes, et là vous allez voir ce qui va se passer ici. Si je passe maintenant en version comme ça, ça ça ne fonctionne toujours pas peut être que mes contraintes ne sont pas bonnes, voilà, effectivement j'ai une erreur, ce n'est rien de nouveau aussi, si je clique ici vous allez voir que j'ai un need constraint. Donc il a besoin d'une contrainte pour la vue, et là, je vais rajouter les contraintes pour la vue, et là on voit que, voilà... C'est bien centré mais rassurez vous je vais corriger l'erreur que vous voyez à votre droite. Si je passe sur mon iPhone SE vous allez voir que c'est centré, certes mais la taille n'a pas été gardée. Ça, c'est un détail non précisé, j'ai dit qu'il devait centrer mais sans dire que la taille devait être gardée. Maintenant ce que je vais lui dire, c'est de garder la taille et la width, celle-ci je veux qu'elle soit effectivement la bonne taille, et à ce moment là je vais probablement tourner en rond, c'est-à-dire avoir à nouveau une contrainte qui n'est pas bonne, c'est-à-dire que je devrais lui définir le centrage tout simple. Tout ceci n'est pas nouveau dans Xcode 8, tout ça pour vous dire que j'ai une prévisualisation effectivement, directement et je peux donc directement voir comment ça se passe dans un sens ou dans un autre. Sur un iPad vous voyez que là pour le coup, il y a des problèmes quand j'arrive sur un iPhone SE qui n'était pas visible sur un autre iPhone, C'est-à-dire qu'il y a une contrainte qui était de trop, il faudrait en effacer une. Je vous passe les détails, ça sort un peu du contexte de ce chapitre.

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 !