WPF Toolkit DataGridTemplateColumn选中行时单元格背景色未变更排查

嘿，我之前也踩过这个坑，给你捋捋原因和解决办法：

问题根源 #

你遇到的核心问题是：WPF Toolkit的DataGridTemplateColumn是完全自定义的模板列，默认情况下，行选中的样式只会作用于原生列（比如DataGridTextColumn）的单元格，而自定义模板里的DataGridCell不会自动继承行选中的背景样式。你只给ToggleButton做了样式适配，但单元格本身的背景没有和行的选中状态绑定，所以就会出现ToggleButton背景变了，但单元格其他区域还是白色的情况。

三种解决办法 #

1. 全局修改DataGridCell的样式

直接给DataGridCell添加触发样式，让它在行选中时自动切换背景。在你的UserControl.Resources里添加这个样式：

<Style TargetType="{x:Type toolkit:DataGridCell}">
    <Setter Property="Background" Value="Transparent"/> <!-- 默认背景设为透明，避免覆盖行样式 -->
    <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
        </Trigger>
    </Style.Triggers>
</Style>

注意要替换toolkit为你实际引用的WPF Toolkit命名空间（比如xmlns:toolkit="http://schemas.microsoft.com/wpf/2008/toolkit"）。

2. 在CellTemplate里绑定行的选中状态

如果不想全局修改单元格样式，可以在你的自定义模板里，给ToggleButton的容器（比如Grid）绑定DataGridRow的IsSelected属性，通过转换器切换背景。

首先，创建一个布尔值转画刷的转换器：

public class BooleanToBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is bool isSelected && isSelected)
        {
            return SystemColors.HighlightBrush; // 行选中的高亮色
        }
        return Brushes.Transparent; // 默认透明，显示行的原始背景
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

然后在Resources里声明这个转换器：

<local:BooleanToBrushConverter x:Key="BooleanToBrushConverter" />

最后修改你的CellTemplate：

<toolkit:DataGridTemplateColumn>
    <toolkit:DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Grid Background="{Binding IsSelected, RelativeSource={RelativeSource AncestorType={x:Type toolkit:DataGridRow}}, Converter={StaticResource BooleanToBrushConverter}}">
                <ToggleButton Content="" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </Grid>
        </DataTemplate>
    </toolkit:DataGridTemplateColumn.CellTemplate>
</toolkit:DataGridTemplateColumn>

这样Grid的背景会跟着行的选中状态变化，覆盖整个单元格区域。

3. 让ToggleButton填满整个单元格

如果你的ToggleButton不需要固定大小，可以直接设置它的对齐方式为Stretch，让它填满整个单元格，这样ToggleButton的背景就会覆盖单元格的白色区域：

<ToggleButton HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Content="" />

这个办法最简单，但只适用于ToggleButton需要占满单元格的场景。

内容的提问来源于stack exchange，提问作者Willy