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.

Découvrir Windows Presentation Foundation

Aborder le contrôle Grid

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez le panel le plus complexe qui est le contrôle Grid. Il représente l'espace sous forme de lignes et de colonnes.
05:46

Transcription

Voyons maintenant la grid. Je vais me débarrasser mon DockPanel pour le transformer en une grid comme avant. Bien entendu je n'ai plus besoin de LastChildFill, bien entendu mes DockPanel.Docks sont devenus inutiles, je vais garder juste deux boutons et je commente tout ceci. Essayons déjà comme ça : deux boutons dans un grid sans autres mentions particulières de quoi que ce soit, coucou 1, coucou 2. J'ai un bouton qui s'appelle coucou 2 qui prend toute la place. Où est coucou 1 ? Il est derrière. Finalement, j'ai indiqué deux boutons et le dernier que j'ai indiqué dans mon affichage et donc il prend la place du premier, il est le plus visible. On a donc notre hiérarchie, notre arbre logique où le bouton il est finalement à la fin de notre arbre, même s'il doit être à peu près au même niveau ici. Mais bon bref, comment est-ce que je vais faire pour organiser ma grid ? Et là vous vous embouter un peu, une grille, ça a des lignes et des colonnes. Il fait falloir que je les indique clairement. Ça veut dire qu'une grid a un attribut column, row, etc, mais je vais pas mettre ça dans un attribut justement. Mes propriétés pour ma grid qui vont être une collection de colonnes sans doute et une collection de lignes, je ne vais pas les énumérer sous forme d'attribut. Bien entendu, je vais utiliser la syntaxe par élément pour définir cette propriété. Donc je crée un élément à l'intérieur de ma grid qui s'appelle Gride.ColumnRow mais je vais commencer par mes colonnes, ColumnDefinitions qui est donc une collection de définition de colonne. Alors, je vais vous parler de ça juste sur cette syntaxe par élément qui va permettre de définir des éléments d'une collection. On va en reparler mais pour l'instant laissons la magie de WPF se faire. A l'intérieur j'ai donc ici une propriété qui définit une collection et j'ai donc des membres de cette collection de type Column.Definition. Je vais suivre la hiérarchie de classes qui est proposée par l'objet grid. Ma ColumnDefinition, je vais lui dire par exemple qu'elle est sa largeur. Pour la largeur, je peux mettre soit une valeur précise, soit quelque chose qui s'appelle auto, je vais vous montrer, je vais faire auto et auto. Ensuite est-ce que ça va changer grande chose ? J'ai deux colonnes, j'ai manifestement puisque je n'ai pas précisé, plus que ça une seule ligne et puis j'ai mes deux boutons, est-ce que ça change quelque chose ? Si un petit peu, vous voyez que automatiquement j'ai eu la largeur de ma première colonne qui s'est adaptée manifestement à la largeur de mon bouton, puisque c'est la largeur de la zone de texte qui est à l'intérieur et puis j'ai mes deux boutons au même endroit, même problème qu'avant, je vois mon coucou 2, parce que le coucou 1, il est derrière. Donc il va bien entendu falloir que j'indique que mon coucou 1 est dans une colonne, mon coucou 2 est dans une autre colonne pour se faire je vais utiliser des propriétés, pour dire Grid.Column Et alors on est dans une base zéro, c'est à dire que la colonne numéro un ici c'est la colonne zéro. Donc je vais dire ici colonne un. Et en fait ça, ça suffit parce que si je le fais comme ça je vais avoir coucou 1, coucou 2, parce que par défaut tout vient dans la ligne zéro et la colonne zéro. Ceci étant dans la colonne zéro, il me suffit de mettre l'autre dans la colonne un, je pourrais bien entendu l’exprimer explicitement au besoin et dans certain cas un peu compliqué c'est quand même beaucoup plus lisible, donc je peux le faire comme ça. Un même résultat d'ailleurs, inutile de le regarder. Auto la définition de colonne s'adapte aux différents éléments qui se trouvent dans la colonne, ça peut être pratique. Vous avez une autre notation qui est la notation étoile qui est assez pratique également. Bah, je vais vous montrer, je vais faire comme ça : juste étoile et étoile. Étoile et étoile, c'est en fait une taille proportionnelle. Donc comme je mets simplement étoile et bien la proportion est la même et donc j'ai une largeur égale de deux cotés. Et vous voyez que mes boutons prennent de la taille des colonnes c'est ce qu'il passait d'ailleurs avant, mais comme j'avais mis Auto, et bien c'était plutôt la colonne qui prenait la taille du bouton. Donc le bouton remplit. Je pourrais lui dire spécifiquement de ne pas le faire et pour cela je réutilise mes alignements donc je vais mettre par exemple VerticalAlignment à top, et puis HorizontalAlignment à center par exemple. Et à ce moment-là à partir du moment j'ai précisé ces deux éléments eh bien cet élément va définir la hauteur du bouton celui-ci la largeur, je veux dire par-là, la hauteur et la largeur le bouton va reprendre sa taille on va dire normale sans remplir totalement le parent. Ce que je veux dire par-là, c'est que ça va donner ça. Mon bouton est de nouveau un bouton de taille originelle, si vous voulez parce que j'ai demandé de l'aligner verticalement en haut et de le centrer horizontalement. A ce moment-là, j'ai forcé le bouton à prendre une position et donc il ne remplit plus tout l’espace. OK, c'est assez clair.

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 !