Comment : supprimer des lignes et des colonnes d'une grille

Le contrôle Grid de Windows Presentation Foundation (WPF) vous permet de positionner facilement et d'aligner des contrôles en créant des dispositions basées sur une grille. Au moment du design, vous pouvez supprimer des lignes et des colonnes d'un contrôle Grid dans Concepteur WPF pour Visual Studio.

Lorsque vous supprimez une ligne ou une colonne, vous devez repositionner tous les contrôles qui étaient dans cette ligne ou colonne. Il suffit de modifier les propriétés Grid.Row ou Grid.Column des contrôles affectés.

Cette rubrique décrit trois façons qui permettent de supprimer des lignes et des colonnes d'un Grid. Pour plus d'informations sur l'ajout de lignes et de colonnes à une grille, consultez Comment : ajouter des lignes et des colonnes à une grille.

Utilisation du concepteur

Vous pouvez supprimer des lignes et colonnes existantes d'un contrôle Grid en mode Design.

Pour supprimer des lignes et des colonnes d'une grille en utilisant le concepteur

1. Dans le Concepteur WPF, sélectionnez un contrôle Grid qui possède au moins deux colonnes ou deux lignes.

2. Déplacez le pointeur sur un indicateur de quadrillage dans le rail de grille.

   L'indicateur de quadrillage devient orange et le pointeur de la souris change pour indiquer le repositionnement.

3. Faites glisser l'indicateur de quadrillage en dehors de la grille.

   Lorsque vous cliquez, le quadrillage et l'indicateur de quadrillage deviennent rouge. Une fois que vous avez glissé en dehors de la grille, le pointeur de la souris change et inclut un X pour indiquer la suppression.

4. Relâchez le bouton de la souris.

   Le quadrillage et sa ligne ou colonne correspondante sont supprimés. Les propriétés des lignes et colonnes restantes sont mises à jour de manière appropriée.

Utilisation de l'Éditeur de collections

Vous pouvez supprimer des lignes et des colonnes d'un Grid en utilisant l'éditeur de collections. Lorsque vous utilisez l'éditeur de collections pour configurer des lignes et des colonnes, le mode Design et en mode XAML sont automatiquement mis à jour.

Pour supprimer des lignes d'une grille en utilisant l'éditeur de collections

1. Dans le Concepteur WPF, sélectionnez un contrôle Grid.

2. Dans la fenêtre Propriétés, recherchez la propriété RowDefinitions et cliquez sur le bouton de sélection dans la colonne Valeur de la propriété.

   La boîte de dialogue Éditeur de collections s'affiche.

3. Dans le volet gauche, cliquez sur la propriété RowDefinition que vous souhaitez supprimer.

4. Cliquez sur Supprimer l'élément pour supprimer la ligne.

5. (Facultatif) Répétez les étapes 3 et 4 pour supprimer plus de lignes.

6. Cliquez sur OK pour fermer l'Éditeur de collections et retourner à Concepteur WPF.

Pour supprimer des colonnes d'une grille en utilisant l'éditeur de collections

1. Dans le Concepteur WPF, sélectionnez un contrôle Grid.

2. Dans la fenêtre Propriétés, recherchez la propriété ColumnDefinitions et cliquez sur le bouton de sélection dans la colonne Valeur de la propriété.

   La boîte de dialogue Éditeur de collections s'affiche.

3. Dans le volet gauche, cliquez sur la propriété ColumnDefinition que vous souhaitez supprimer.

4. Cliquez sur Supprimer l'élément pour supprimer la colonne.

5. (Facultatif) Répétez les étapes 3 et 4 pour supprimer plus de colonnes.

6. Cliquez sur OK pour fermer l'Éditeur de collections et retourner à Concepteur WPF.

Utilisation de l'éditeur XAML

Vous pouvez également supprimer manuellement des lignes et des colonnes d'un Grid en les supprimant dans l'éditeur XAML. Le mode Design est mis à jour automatiquement.

Pour supprimer des lignes et des colonnes d'une grille en utilisant l'éditeur XAML

1. Dans l'éditeur XAML, localisez un élément Grid qui contient des lignes et des colonnes. Le code suivant illustre un exemple :

   <Grid>
       <Grid.RowDefinitions>
           <RowDefinition Height="100" />
           <RowDefinition Height="Auto" />
           <RowDefinition Height="*" />
           <RowDefinition Height="5*" />
       </Grid.RowDefinitions>
       <Grid.ColumnDefinitions>
           <ColumnDefinition Width="100" />
           <ColumnDefinition Width="Auto" />
           <ColumnDefinition Width="*" />
           <ColumnDefinition Width="5*" />
       </Grid.ColumnDefinitions>
   </Grid>
   

2. Supprimez les lignes et colonnes dont vous n'avez plus besoin.

Voir aussi

Tâches

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