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

Découvrir Windows Presentation Foundation

Utiliser les types de panels

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Faites le tour des différents types de panels disponibles afin d'organiser vos contrôles dans votre fenêtre.
06:49

Transcription

Avant d'aborder des notions un peu plus complexes, on va commencer à organiser notre affichage correctement. Donc nous savons qu'on est dans un Window et on a une grid qui a été ajoutée par le template du visuel studio ici par défaut. Une grid pourquoi pas, mais donc vous vous imaginez bien que la grid va contenir d'autre contrôle et que c’était un type comme un autre de conteneur. Il y a plusieurs types de conteneur dans WPF et on va faire juste le tour de contener de base. Donc grid c'est peut être un des plus compliqués si non le plus compliqué, on va s'en passer, on va garder ça. On va juste se débarrasser de l'autre bouton. On va garder le bouton et comme je ne mets aucune position pour l'instant mon bouton va prendre tout l'emplacement de quoi dans ma grid bah, vous imaginez j'ai une cellule, colonne-ligne et on va pouvoir organiser ça de façon assez complexe. Mais on va y revenir, c’était pour vous montrer déjà le résultat de ça. Le type de conteneur qu'on va appeler un Panel, le plus simple s'appelle simplement un Canvas. Si vous avez besoin je vais renommer ça dans mon Panel par exemple pour pas avoir à le changer chaque fois. Je ne suis pas obligé de le nommer d'ailleurs mais on va rester propre. Donc le Canvas c'est simplement un peu comme à l'ancienne mode, on a notre zone et puis on positionne les choses dedans. Donc si je reviens ici en création je vais positionner mon bouton où je veux dans mon Canvas ce qui va mettre à jour dans mon XAML le left et le top par rapport au Canvas et puis chaque fois que je pose un composant, je vais devoir le positionner physiquement, précisément par rapport à ce Canvas. Si vous avez besoin de faire un affichage très précis avec des contrôles à un endroit vraiment particulier le Canvas vous donne la plus grande souplesse, par contre, bah il faut tout faire à la main. Alors deuxième solution on peut utiliser différents types de Panel. Je vais vous montrer le premier qui s'appelle un WrapPanel. Alors je dis le premier, mais c'est le premier par ordre croissant de sophistication. Le WrapPanel simplement comme son nom l'indique, je vais créer plusieurs boutons, je vais laisser un coucou d'ailleurs, j'enlève ça, ça n'a plus de sens. Et on va faire quelques boutons, vous allez voir. J'ai simplement mes contrôles qui sont alignés les uns après les autres horizontalement par défaut, alors je vais en ajouter deux ou trois ou plutôt je vais changer leurs tailles, donc la largeur, je vais la mettre à 150, ça devrait suffire, et puis je supprime et je recommence. Ça devrait suffire, vous voyez que le WrapPanel comme son nom l'indique fait un Wrap horizontalement par défaut. C'est à dire que si je dimensionne, il va essayer de les poser tous horizontalement et puis quand il arrive plus et bien il fait un retour et il descend. Donc, j'ai un positionnement comme ça qui est géré automatiquement par le WrapPanel. Je peux bien entendu lui dire : tu fais la même chose, mais verticalement. Et pour cela je vais gérer sa propriété Orientation et je vais la mettre en vertical. Voilà c'est QFD et vous voyez le comportement, c'est assez logique. Bon ça peut être pratique. Ensuite autre option le StackPanel. La différence entre le WrapPanel et le StackPanel c'est que, comme vous l'avez vu le WrapPanel ne gère pas la taille du bouton, des contrôles qu'on a ajouté. J'avais mis une taille de 150 et si je ne l'avais pas mis comme vous l'avez vu peut être au départ, on avait une taille qui était une taille plus petite du bouton. La différence c'est que le StackPanel lui va gérer la taille des contrôles de façon à donner la longueur ou la hauteur du StackPanel au contrôle. Bon, je vais vous montrer. Plus concrètement j'enlève mes largeurs ici, je suis près de tout ça. C'est plus court, donc je suis bien sur un StackPanel. Je vais enlever pour l'instant l'orientation donc c'est une propriété qui marche pour le WrapPanel et pour le StackPanel également. Et vous voyez que la largeur de mon bouton que je n'ai ps indiqué ici est celle du StackPanel tout entier. Et finalement si je redimensionne : et bien mes boutons sont redimensionnés. Automatiquement dans leur largeur ou si je choisis une orientation horizontale, cette fois-ci la valeur par défaut étant verticale. Et bien mon StackPanel va générer une taille de hauteur de mes boutons qui correspond à la taille du StackPanel. Ici ça disparaît, il n'y a pas de wraping et ici on va gérer la hauteur du bouton. Donc StackPanel c'est assez pratique parce que ça vous permet d'avoir à tout moment des contrôles intérieurs à ce StackPanel qui vont réagir à la dimension de votre fenêtre. Enfin troisième panel, le DockPanel qui comme son nom l'indique va faire du docking, donc l'orientation ici vous voyez n'a plus aucun sens parce que je vais indiquer maintenant spécifiquement à mes contrôles, je vais en garder cinq par rapport au DockPanel où est ce qu'il est docké. Et donc c'est assez simple, vous dockez à gauche, à droite, en haut, en bas et ce que vous ne dockez pas et bien ce trouvera au centre. Je vais faire un top, on va faire du copier-coller pour aller plus vite. Je fais un left, un right. Évidement il ne me reste plus que le bottom et le dernier va être au centre. Je vais mettre en majuscule pour vous le prouver. C'est parti. Et bien entendu ça va réagir dynamiquement à la taille de ma fenêtre.

Découvrir Windows Presentation Foundation

Améliorez la qualité de vos interfaces graphiques avec WPF (Windows Presentation Foundation). Découvrez le langage XAML, définissez votre interface graphique manuellement, etc.

3h12 (40 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :12 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 !