正确设置 DataGridCell 样式

Question

这是继我之前的问题之后的一个问题，你可以在那里找到它

那么。现在，我为每列定义了一个具有特定 ElementStyle 的 DataGrid （它只是以粗体和白色定义了内部的 TextBlock - 将会出现）稍后解决这个问题）

所以现在我有两个问题

第一个问题（已解决）

当我碰巧为单元格设置背景时，它会覆盖默认样式，并且当单元格被设置时背景保持不变突出显示。

一种样式的示例：

<!-- Green template for market-related -->
<ControlTemplate x:Key="Green" TargetType="{x:Type tk:DataGridCell}">
    <Grid Background="Green">
        <ContentPresenter
                        HorizontalAlignment="Center"
                                  VerticalAlignment="Center" />
    </Grid>
</ControlTemplate>

我自然会说这是“正常”，因为我将Grid 的背景设置为绿色。因此我尝试了这样的方法：

<!-- Light green template for sophis-related -->
<ControlTemplate x:Key="LightGreen" TargetType="{x:Type tk:DataGridCell}">
    <Grid Background="LightGreen">
        <Grid.Resources>
            <Style TargetType="{x:Type Grid}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type tk:DataGridCell}}, 
                                            Converter={StaticResource DebugConverter}}" Value="True">
                        <Setter Property="Grid.Background" Value="#FF3774FF" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Resources>
        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
    </Grid>
</ControlTemplate>

这也行不通。正如你所看到的，我放置了一个 DebugConverter，这样我就可以检查触发器是否被实际调用，情况就是如此，但是......背景没有改变（并且 Snoop 确认了这一点......）

第三次尝试：

<!-- Light green template for sophis-related -->
<ControlTemplate x:Key="LightGreen" TargetType="{x:Type tk:DataGridCell}">
    <ControlTemplate.Resources>
        <Style TargetType="{x:Type tk:DataGridCell}">
            <Setter Property="Background" Value="LightGreen" />
        </Style>
    </ControlTemplate.Resources>
    <Grid>
        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
    </Grid>
</ControlTemplate>

并且......没有背景将显示（保持透明）

所以我认为我在这里以错误的方式工作，我想知道我应该做什么来定义“未选择”模板。 我想说我可能需要定义一个基于“经典”样式的样式，但是，我该怎么做呢？我尝试添加 TemplateBindings 但没有成功

** 编辑：解决方案**

正如 HB 在他的回答中建议的那样，问题来自 DependencyProperty Precedence，这是解决方案：

<!-- Light green template for sophis-related -->
<ControlTemplate x:Key="LightGreen" TargetType="{x:Type tk:DataGridCell}">
    <Grid>
        <Grid.Resources>
            <Style TargetType="{x:Type Grid}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type tk:DataGridCell}}, 
                                            Converter={StaticResource DebugConverter}}" Value="True">
                        <Setter Property="Grid.Background" Value="#FF316AC5" />
                    </DataTrigger>
                    <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type tk:DataGridCell}}, 
                                            Converter={StaticResource DebugConverter}}" Value="False">
                        <Setter Property="Grid.Background" Value="LightGreen" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Resources>
        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
    </Grid>
</ControlTemplate>

第二个问题

现在，让我们谈谈触发器。

基本上，我想要做的是为我的 ElementStyle 定义特定的 Triggers ，因此如果单元格的背景是红色或绿色，则字体颜色为白色（这样做的唯一目的是为了具有更好的可读性，因为红色和绿色有点暗，深色背景上的黑色字体会导致很好的失败：p）

编辑似乎我还不够清楚：以下样式是应用的样式通过属性到数据网格的每个项目DataGridTextColumn.ElementStyle。这是处理该问题的代码：

    void VolatilityDataGrid_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
    {
        DataGridTextColumn column = e.Column as DataGridTextColumn;
        column.ElementStyle = s_boldCellStyle;
        // Other stuff here...
    }

这是我所做的：

<!-- Cell style for colored matrix-->
<Style x:Key="BoldCellStyle" TargetType="{x:Type TextBlock}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding Background, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type tk:DataGridCell}}}" 
                     Value="Red">
            <Setter Property="Foreground" Value="White" />
        </DataTrigger>
        <DataTrigger Binding="{Binding Background, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type tk:DataGridCell}}, 
                                Converter={StaticResource DebugConverter}}"
                     Value="Green">
            <Setter Property="Foreground" Value="White" />
        </DataTrigger>
    </Style.Triggers>
    <Setter Property="FontWeight" Value="Bold"/>
</Style>

而且...它不起作用。奇怪的是，通过转换器的只是透明的背景颜色。我肯定在这里遗漏了一些东西！ 顺便说一句，我也尝试过经典触发器，但也没有成功，我在这里使用 DataTriggers 这样我就可以调试绑定值！

现在我已经在这个问题上被困了三天多了，我开始害怕了......希望 Stackoverflow 社区能够拯救我:)

谢谢！

编辑

好的，更新。 我明白为什么我的触发器不起作用。实际设置的背景位于 Grid 上，而不是位于 DataGridCell 上。因此，我在那里没有设置任何颜色是正常的。

但是，我运行了一些测试，发现设置绑定后，TextBlock 还没有任何父级 (Parent = null)。绑定到 Grid 类型的 RelativeSource 会将我绑定到...整个 DataGrid 项目呈现器。 我不知道现在该怎么办，因为从实际的 TextBlock 样式来看，我无法到达父 Grid ，因此无法解析我应该使用什么颜色根据背景显示。 另外，我无法更改 ControlTemplate 中的字体颜色，因为 DataGrid 需要每个列都有一个 Style，这会通过以下方式覆盖模板的样式默认（请参阅我之前的问题及其答案） 所以...我又被困住了！

Answer 1

依赖属性值优先级

：

<Grid Background="LightGreen">
    <Grid.Resources>
        <Style TargetType="{x:Type Grid}">
            <!-- Trigger Stuff -->
        </Style>
    </Grid.Resources>
    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
</Grid>

需要是：

<Grid>
    <Grid.Resources>
        <Style TargetType="{x:Type Grid}">
            <Setter Property="Background" Value="LightGreen"/>
            <!-- Trigger Stuff -->
        </Style>
    </Grid.Resources>
    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
</Grid>

---

目前不确定你的第二个问题，可能是一个相关的问题，我建议初学者设置 TextElement.Foreground 而不是 Foreground 。将 Transparent 作为值并不是很有帮助，您为 DataGridCell 使用什么控件模板？如果是自定义的，Background 是否通过 TemplateBinding 正确连接？

只要使用 Background 属性，此功能就有效，因此，如果您有一个在内部设置内容的 ControlTemplate，则需要将其外部化。一个普通的 DataGrid 示例：

<DataGrid.CellStyle>
    <Style TargetType="{x:Type DataGridCell}">
        <Setter Property="Background" Value="LightGreen"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Content}" Value="Apple">
                <Setter Property="Background" Value="Red"/>
            </DataTrigger>
            <DataTrigger Binding="{Binding Content}" Value="Tomato">
                <Setter Property="Background" Value="Green"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</DataGrid.CellStyle>

<Style TargetType="TextBlock">
    <Style.Triggers>
        <DataTrigger Binding="{Binding Background, RelativeSource={RelativeSource AncestorType={x:Type DataGridCell}}}" Value="Red">
            <Setter Property="Foreground" Value="White"/>
        </DataTrigger>
        <DataTrigger Binding="{Binding Background, RelativeSource={RelativeSource AncestorType={x:Type DataGridCell}}}" Value="Green">
            <Setter Property="Foreground" Value="White"/>
        </DataTrigger>
    </Style.Triggers>
    <Setter Property="FontWeight" Value="Bold"/>
</Style>

因此，如果 CellStyle 设置 ControlTemplate，则需要通过 TemplateBinding 连接属性。例如，

<DataGrid.CellStyle>
    <Style TargetType="{x:Type DataGridCell}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type DataGridCell}">
                    <Grid Background="{TemplateBinding Background}">
                        <ContentPresenter />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Background" Value="LightGreen"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Content}" Value="Apple">
                <Setter Property="Background" Value="Red"/>
            </DataTrigger>
            <DataTrigger Binding="{Binding Content}" Value="Tomato">
                <Setter Property="Background" Value="Green"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</DataGrid.CellStyle>

不要在模板内进行触发，否则会变得混乱。