1

我正在使用 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我可以看到这是导致问题的边界。这: http: //imgur.com/9pD0W5C是 Snoop 显示为边框的内容,除非我的鼠标在单击时位于或在红色突出显示的行中,否则不会选择/突出显示该行。

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

或者,是否有一些简单的方法可以将单元格中的文本垂直居中?

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

4

1 回答 1

3

模板中的边框不会填充可用的 DataGridCell 空间,因为它是居中的 ( VerticalAlignment="Center")

如果您VerticalAlignment="Center"只为 ContentPresenter 和VerticalAlignment="Stretch"BorderHorizontalAlignment="Stretch"设置,它应该可以工作。

最好在样式中配置对齐方式(带样式)

<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>
于 2016-04-18T17:53:51.893 回答