WPF DataGrid HeaderTemplate 神秘填充

我将一个带有图像的按钮放置在 DataGrid 列的标题中。单元格模板也只是一个带有图像的简单按钮。

<my:DataGridTemplateColumn>
    <my:DataGridTemplateColumn.HeaderTemplate>
        <DataTemplate>
            <Button ToolTip="Add New Template" Name="AddNewTemplate" Click="AddNewTemplate_Click">
                <Image Source="../Resources/add.png"/>
            </Button>
        </DataTemplate>
    </my:DataGridTemplateColumn.HeaderTemplate>
    <my:DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Button ToolTip="Edit Template" Name="EditTemplate" Click="EditTemplate_Click" Tag="{Binding}">
                <Image Source="../Resources/pencil.png"/>
            </Button>
        </DataTemplate>
   </my:DataGridTemplateColumn.CellTemplate>
</my:DataGridTemplateColumn>

渲染时，标题仅在右侧有大约 10-15px 的填充，这会导致单元格明显以该宽度渲染，从而使单元格按钮两侧都有空白空间。作为一个像素完美主义者，这让我很恼火。我最初认为这是排序时显示的箭头的空间，但我在整个 DataGrid 和列上显式禁用了排序。

这是一张图片：http://img716.imageshack.us/img716/1787/68487749.png

我认为这是从按钮的父元素中填充的。有谁知道消除它的方法吗？

See:

• http://img704.imageshack.us/i/23206794.png/
• http://img229.imageshack.us/i/65917762.png/

解决方案：

<my:DataGrid.Resources>
    <Style x:Key="addHeader" TargetType="{x:Type myp:DataGridColumnHeader}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type myp:DataGridColumnHeader}">
                    <Button ToolTip="Add New Template" Name="AddNewTemplate" Click="AddNewTemplate_Click" Margin="4">
                        <Image Source="../Resources/add.png"/>
                    </Button>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</my:DataGrid.Resources>
<my:DataGrid.Columns>
    <my:DataGridTemplateColumn HeaderStyle="{StaticResource addHeader}">
        <my:DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <Button ToolTip="Edit Template" Name="EditTemplate" Click="EditTemplate_Click" Tag="{Binding}">
                    <Image Source="../Resources/pencil.png"/>
                </Button>
            </DataTemplate>
        </my:DataGridTemplateColumn.CellTemplate>
    </my:DataGridTemplateColumn>
</my:DataGrid.Columns>

Snoop来救援！

现在您更新了问题，我在中发现了一个有趣的代码DataGridHeaderBorder.cs:

   protected override Size ArrangeOverride(Size arrangeSize)
   {
     //...
     if (padding.Equals(new Thickness()))
     {
       padding = DefaultPadding;
     }
     //...
     child.Arrange(new Rect(padding.Left, padding.Top, childWidth, childHeight));
   }

其中 DefaultPadding 不为 0...即使他们不使用标准 Padding，他们也会稍微移动孩子。

如何解决这个问题？也许为表头编写自己的模板就能解决问题。或者您可以尝试为图像设置负边距。这两种方法都不喜欢。但我还找不到更好的东西。