L'espacement entre les enfants les contrôles WPF Grille

J'ai un ensemble de paires Clé/Valeur que je veux afficher sur une Fenêtre WPF. Je suis à l'aide d'une grille de les répartir comme suit:

<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 quand je l'affiche de ce, les zones de texte sont écrasés avec leur haut et en bas les frontières de toucher la zone de texte ci-dessus/ci-dessous. Quelle est la meilleure façon d'ajouter de l'espace vertical pour les lignes de cette mise en page?

  • Assez simple solution: il suffit d'ajouter des lignes supplémentaires avec une hauteur donnée. Donc, si vous voulez un espace de 3 pixels entre les lignes, il suffit de créer une nouvelle ligne entre avec une hauteur de 3.
InformationsquelleAutor Grokys | 2009-05-22
  1. 82

    Plus simple est de définir une marge sur les contrôles individuels. Mise en place sur les zones de texte devrait être suffisant, car une fois qu'ils sont espacées les Étiquettes seront fixés verticalement dans le centre de chaque ligne et ont beaucoup d'espace, de toute façon.

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

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

    ...
</Grid>

    Cela va ajouter une 4 pixels de la marge vers le bas de n'importe quelle zone de texte à l'intérieur de votre grille.

    • Cela ne semble pas fonctionner pour moi. N'est-ce pas le travail si le contrôle en question dispose déjà d'un style? Je peux mettre à la marge manuellement sur le contrôle, mais pas par l'intermédiaire de votre exemple.
    • J'ai trouvé une solution alternative. Je me suis contenté d'ajouter une ligne supplémentaire entre les contrôles avec une hauteur de 3 pixels. Fonctionne comme un charme.
    InformationsquelleAutor Matt Hamilton
  2. 49

    Une autre belle approche peut être considérée ici.

    Vous créer une classe pour la mise Margin propriété:

    public class MarginSetter
{
    public static Thickness GetMargin(DependencyObject obj) => (Thickness)obj.GetValue(MarginProperty);

    public static void SetMargin(DependencyObject obj, Thickness value) => obj.SetValue(MarginProperty, value);

    //Using a DependencyProperty as the backing store for Margin. This enables animation, styling, binding, etc…
    public static readonly DependencyProperty MarginProperty =
        DependencyProperty.RegisterAttached(nameof(FrameworkElement.Margin), typeof(Thickness),
            typeof(MarginSetter), new UIPropertyMetadata(new Thickness(), MarginChangedCallback));

    public static void MarginChangedCallback(object sender, DependencyPropertyChangedEventArgs e)
    {
        //Make sure this is put on a panel
        var panel = sender as Panel;

        if (panel == null) return;

        panel.Loaded += Panel_Loaded;
    }

    private static void Panel_Loaded(object sender, EventArgs e)
    {
        var panel = sender as Panel;

        //Go over the children and set margin for them:
        foreach (FrameworkElement fe in panel.Children.OfType<FrameworkElement>())
            fe.Margin = GetMargin(panel);
    }
}

    Maintenant vous avez connecté le comportement de la propriété, de sorte que la syntaxe de ce genre:

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

    C'est le plus facile & moyen le plus rapide pour régler Margin à plusieurs enfants d'un groupe spécial, même si elles ne sont pas du même type. (I. e. Buttons, TextBoxes, ComboBoxes, etc.)

    • +1 Grande. J'ai changé le nom de la classe à LayoutSetter, et a ajouté quelques autres propriétés comme la VerticalAlignment à le propager de la même manière. Je souhaite que je pourrais simplement définir un style pour FrameworkElement...
    • Notez que cela ne fonctionne pas si l'enfant les éléments sont ajoutés/supprimés de manière dynamique, comme dans un ItemsControl lié à l'évolution de la collecte.
    • J'ai copié et remaniée de la classe nécessaire pour les propriétés attachées. Espérons que vous n'avez pas l'esprit.
    • Il n'existe aucun moyen pour faire de cette propriété attachée respecter les Margin valeurs spécifiées dans le code XAML?
    InformationsquelleAutor Elad Katz
  3. 2

    Que sur la définition de zone de texte du VerticalAlignment 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>
    InformationsquelleAutor Norman