Расстояние между дочерние элементы управления в WPF сетки

Question

Расстояние между дочерние элементы управления в WPF сетки

У меня есть набор пар ключ/значение, которые я хочу отобразить в окне WPF. Я использую сетку, чтобы выложить их так:

<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>

однако, когда я показываю это, текстовые поля сжимаются с их верхней и нижней границами, касаясь текстового поля выше / ниже. Каков наилучший способ добавить вертикальное пространство к строкам в этом макете?

806 3

wpf layout grid

3 ответов:

Comments

Ничего не найдено.

Matt Hamilton · Accepted Answer · 2009-05-22 09:17:58

самый простой способ-установить маржу на отдельных элементах управления. Установка его на текстовые поля должно быть достаточно, потому что как только они будут разнесены, метки будут установлены вертикально в центре каждой строки и в любом случае имеют много места.

вы можете установить его один раз, используя такой стиль:
<Grid Margin="4">
    <Grid.Resources>
        <Style TargetType="{x:Type TextBox}">
            <Setter Property="Margin" Value="0,0,0,4" />
        </Style>
    </Grid.Resources>

    ...
</Grid>
это добавит 4-пиксельное поле в нижней части любого текстового поля внутри сетки.

Elad Katz · Accepted Answer · 2018-06-22 02:45:50

еще один хороший подход можно увидеть здесь.

вы создаете класс для установки Margin свойства:

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);
    }
}

теперь вы прикрепили поведение свойства, так что синтаксис, как это будет работать:

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

это самый простой и быстрый способ установить Margin для нескольких детей из группы, даже если они не одного типа. (То есть Button s,TextBoxЭс ComboBox es, etc.)

Norman · Accepted Answer · 2014-02-07 11:53:26

Как насчет установки вертикального выравнивания текстового поля по центру?

<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>