XAML/WPF 特定列之间的距离

Question

这是我的数据网格，我如何确定列之间的距离相同，以便列标题不会像第二列或第三列那样啄...

XAML：

<Style x:Key="Datag1" TargetType="DataGrid">
            <Setter Property="ColumnHeaderStyle" Value="{DynamicResource chs1}"></Setter>
        </Style>
        <Style x:Key="chs1" TargetType="DataGridColumnHeader">
            <Setter Property="Background" Value="Brown"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="FontSize" Value="15"/>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="LightGray"></Setter>
                </Trigger>
            </Style.Triggers>

        </Style>


<DataGrid Name="DataGridView" Style="{DynamicResource Datag1}" Margin="0,105,0,0"  FontSize="15" CanUserSortColumns="True"
                      Background="Azure" RowBackground="Aqua" AlternatingRowBackground="DarkGray" ColumnHeaderHeight="45" Foreground="Brown"
                      CanUserAddRows="False" CanUserDeleteRows="False" CanUserResizeColumns="True" CanUserReorderColumns="False" BorderBrush="Black">

            </DataGrid>

编辑：

最佳解决方案：“您最好将 DataGrid 的 AutoGenerateColumns 属性设置为 false，并明确定义每一列，并在 XAML 标记中为每一列设置单独的宽度。请参阅我编辑的答案以获取示例。” – mm8

非常感谢大家！

Answer 1

您可以处理AutoGeneratingColumn 事件并为列指定您想要的任何Width：

const double fixedWidth = 100;
private void dg_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
{
    e.Column.Width = new DataGridLength(fixedWidth);
}

如果您想为每列的宽度添加特定的偏移量，您可以处理 AutoGeneratedColumns 事件：

private void dg_AutoGeneratedColumns(object sender, EventArgs e)
{
    DataGrid dg = sender as DataGrid;
    foreach (var column in dg.Columns)
    {
        column.Width = column.ActualWidth + 10;
    }
}

如果您不想为每一列添加偏移量，最好将 DataGrid 的 AutoGenerateColumns 属性设置为 false 并明确定义每一列并在 XAML 标记中为每一列设置单独的宽度：

<DataGrid Name="DataGridView" Style="{DynamicResource Datag1}" Margin="0,105,0,0"  FontSize="15" CanUserSortColumns="True"
                      Background="Azure" RowBackground="Aqua" AlternatingRowBackground="DarkGray" ColumnHeaderHeight="45" Foreground="Brown"
                      CanUserAddRows="False" CanUserDeleteRows="False" CanUserResizeColumns="True" CanUserReorderColumns="False" BorderBrush="Black"
                    AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="slpos" Binding="{Binding slpos}" Width="20" />
        <!-- and so on for each column...-->
    </DataGrid.Columns>
</DataGrid>

Answer 2

您的列看起来像这样，因为它们只占用必要的空间0 边距。因此，您需要做的就是在 DataGridColumnHeader 的样式中设置一个新模板，更改 ContentPresenter 的边距以满足您的需要（我将其设置为 10,2，但您可以测试不同的值以查看它的外观喜欢）。

试试下面的代码：

<Style x:Key="chs1" TargetType="DataGridColumnHeader">
    <Setter Property="Background" Value="Brown"/>
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="FontSize" Value="15"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">                    
                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                    <ContentPresenter
                    ContentTemplate="{TemplateBinding ContentTemplate}"
                    Content="{TemplateBinding Content}"
                    VerticalAlignment="Center"                                
                    HorizontalAlignment="Center"                                
                    Margin="10,2"
                    />
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="LightGray"></Setter>
        </Trigger>
    </Style.Triggers>        
</Style>