Comment : dimensionner des lignes et des colonnes dans un contrôle Grille

Le contrôle Grid de Windows Presentation Foundation (WPF) vous permet de positionner et d'aligner rapidement et facilement des contrôles en créant des dispositions basées sur une grille. Au moment du design, vous pouvez dimensionner des lignes et des colonnes dans le Concepteur WPF. Par défaut, les nouvelles lignes et colonnes utilisent le dimensionnement Star.

Important

Si vous affectez à la taille d'une ligne ou d'une colonne la valeur Auto avant d'y ajouter du contenu, vous ne pourrez pas le voir dans le concepteur. Cela peut alors être difficile de positionner des contrôles dans la bonne ligne ou colonne. Pour éviter ceci, vous pouvez utiliser le redimensionnement proportionnel pendant que vous travaillez, puis passer au mode Automatique lorsque vous avez terminé.

Cette rubrique indique comment dimensionner des lignes et des colonnes dans un contrôle Grid à l'aide des mouvements du concepteur.

Définition de la hauteur de ligne à l'aide du concepteur

Dans le Concepteur WPF, lorsque vous sélectionnez un contrôle Grid, des rails apparaissent sur les haut et côtés gauche.

Notes

Si la propriété FlowDirection a la valeur RightToLeft, le rail des lignes apparaît à droite du contrôle Grid.

Pour définir la hauteur d'une ligne à l'aide du concepteur

1. Dans le Concepteur WPF, sélectionnez un contrôle Grid comportant au moins deux lignes.

2. Déplacez le pointeur sur le rail latéral.

   Le pointeur se transforme en réticule, et une barre de dimensionnement estompée apparaît à l'extérieur du rail pour la ligne correspondante.

3. Déplacez le pointeur sur la barre de dimensionnement pour sélectionner les options de dimensionnement. Vous avez le choix entre un dimensionnement fixe, proportionnel ou automatique.

4. Pour affecter à la hauteur de ligne une valeur fixe, cliquez sur le bouton #.

   Dans la vue XAML, la hauteur de ligne est mise à jour avec une valeur fixe (n).

5. Pour utiliser le redimensionnement proportionnel, cliquez sur le bouton *.

   Dans la vue XAML, la hauteur de ligne est mise à jour avec le redimensionnement proportionnel (n *).

6. Pour utiliser le dimensionnement automatique, cliquez sur le bouton Auto.

   Dans la vue XAML, la hauteur de ligne est mise à jour pour utiliser le dimensionnement automatique (Auto).

   Notes

   Si la ligne est vide, le dimensionnement automatique lui applique une hauteur de zéro. Cela peut provoquer des difficultés pour la suite de la conception du contrôle Grid. Pour éviter ce problème, ajoutez du contenu à la ligne avant de lui affecter une taille automatique.

7. Pour quitter sans sélectionner d'option de dimensionnement, appuyez sur Échap ou déplacez le pointeur à l'extérieur de la barre de dimensionnement.

Définition de la largeur de colonne à l'aide du concepteur

La procédure permettant de définir la largeur d'une colonne est exactement la même que celle utilisée pour définir la hauteur d'une ligne.

Pour définir la largeur d'une colonne à l'aide du concepteur

• Suivez les étapes précédentes, mais déplacez le pointeur sur le rail supérieur pour activer la barre de dimensionnement.

Voir aussi

Tâches

Comment : ajouter des lignes et des colonnes à une grille

Procédure pas à pas : construction d'une disposition dynamique

Concepts

Alignement dans le Concepteur WPF

Disposition selon les positionnements absolu et dynamique

Autres ressources

Contrôles conteneur WPF