WPF DataGrid 文本垂直对齐

Question

我正在使用 WPF DataGrid。我试图让我的 DataGridTextColumns 的内容垂直居中显示的文本。

目前，我的单元格值如下所示：http://imgur.com/nkbE7Wt。如您所见，它们垂直对齐到单元格的顶部。

我尝试将模板添加到我的 DataGridCells 样式中，这很有效，它使文本居中，如下所示：http://imgur.com/TCo6RCa。 DataGridCells 的样式如下：

<Style x:Key="DataGridCellStyle" TargetType="{x:Type DataGridCell}">
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Background" Value="{StaticResource SelectedBrush}" />
            <Setter Property="TextElement.Foreground" Value="#111111" />
        </Trigger>        
    </Style.Triggers>
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="TextElement.Foreground" Value="#666666" />
    <Setter Property="BorderBrush" Value="Transparent" />
    <Setter Property="BorderThickness" Value="1" />

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridCell}">
                <Border Background="Transparent"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="0"
                        SnapsToDevicePixels="True"
                        Padding="5"
                        VerticalAlignment="Center">
                    <ContentPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这个添加的模板在显示方式方面基本上完全符合我的要求。但是有一个问题。当用户单击任何单元格以突出显示该行时，他们必须在样式中设置的边框内单击才能真正让 DataGrid 突出显示该行。

使用 Snoop I am able to see that it is the border causing the issue. This: http://imgur.com/9pD0W5C 是 Snoop 显示的边框，除非我的鼠标在点击时位于或红色突出显示的行上，否则该行不会是 selected/highlighted。

有什么方法可以修改我的模板以允许它在单击单元格的任何部分而不仅仅是在边框内时突出显示该行？

或者，是否有一些简单的方法可以让我的单元格中的文本垂直居中？

我已经尝试在我的样式中设置 TextElement.VerticalAlignment，但这会导致数据网格中出现一些看起来很奇怪的额外行。

Answer 1

模板中的边框未填充可用的 DataGridCell space，因为它居中 (VerticalAlignment="Center")

如果为 ContentPresenter 设置 VerticalAlignment="Center"only，为 Border 设置 VerticalAlignment="Stretch" 和 HorizontalAlignment="Stretch"，它应该可以工作。

在style中配置alignment更好(with style)

<Setter Property="VerticalContentAlignment" Value="Center" />
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type DataGridCell}">
            <Border ...>
                <ContentPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}" ... />
            </Border>
        </ControlTemplate>
    </Setter.Value>
</Setter>

WPF DataGrid 文本垂直对齐

WPF DataGrid Text Vertical Alignment

c#

wpf

datagrid

datagridcell