Espacement entre les contrôles enfants dans WPF Grid

Question

J'ai un ensemble de paires clé/valeur que je veux afficher sur une fenêtre WPF. J'utilise une grille pour les poser comme ceci:

<Grid Margin="4"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="Auto"/> 
     <ColumnDefinition/> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 

    <Label Grid.Row="0" Grid.Column="0">Code</Label> 
    <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Code}"/> 

    <Label Grid.Row="1" Grid.Column="0">Name</Label> 
    <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Name}"/> 
</Grid> 

Cependant lorsque je visualise cela, les zones de texte sont écrasés avec leurs frontières supérieure et inférieure toucher la zone de texte ci-dessus/au-dessous. Quel est le meilleur moyen d'ajouter de l'espace vertical aux lignes de cette mise en page?

Answer 1

Le moyen le plus simple consiste à définir une marge sur les commandes individuelles. Le paramétrer sur les TextBox devrait suffire, car une fois espacées, les étiquettes seront placées verticalement au centre de chaque rangée et disposeront de beaucoup d'espace de toute façon.

Vous pouvez définir à l'aide une fois le style:

<Grid Margin="4"> 
    <Grid.Resources> 
     <Style TargetType="{x:Type TextBox}"> 
      <Setter Property="Margin" Value="0,0,0,4" /> 
     </Style> 
    </Grid.Resources> 

    ... 
</Grid> 

Cela ajoutera une marge de 4 pixels au bas de chaque zone de texte dans votre grille.

Answer 2

Une autre approche agréable peut être vu ici: http://blogs.microsoft.co.il/blogs/eladkatz/archive/2011/05/29/what-is-the-easiest-way-to-set-spacing-between-items-in-stackpanel.aspx

Il montre comment créer un comportement attaché, de sorte que la syntaxe comme cela fonctionne:

<StackPanel local:MarginSetter.Margin="5"> 
    <TextBox Text="hello" /> 
    <Button Content="hello" /> 
    <Button Content="hello" /> 
</StackPanel> 

C'est le & plus facile la plus rapide de Définissez la marge sur plusieurs enfants d'un panneau, même s'ils ne sont pas du même type. (Par exemple, boutons, zones de texte, zones de liste déroulantes, etc.)

Answer 3

Qu'en est-il de la définition de l'alignement vertical de TextBox au centre?

<Grid Margin="4"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="Auto"/> 
        <ColumnDefinition/> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"/> 
        <RowDefinition Height="Auto"/> 
       </Grid.RowDefinitions> 

       <Label Grid.Row="0" Grid.Column="0">Code</Label> 
       <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Code}" VerticalAlignment="Center"/> 

       <Label Grid.Row="1" Grid.Column="0">Name</Label> 
       <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Name}" VerticalAlignment="Center"/> 
      </Grid>