WPF C＃-列内容的对齐方式和样式（取决于内容）

Question

我有3列的数据网格。 最后一列仅通过显示“✓”或“✗”来显示该行的数据集是启用还是禁用。 我想为最后一列设置样式，以使内容对齐方式居中，并且根据内容，“文本”应为绿色（对于“✓”）或红色（对于“✗”）。 那么我该如何实现呢？

<DataGrid x:Name="employeesDataGrid" Margin="5,55,5,0" VerticalAlignment="Top" Height="172" IsSynchronizedWithCurrentItem="False" MinRowHeight="10" HeadersVisibility="Column" AutoGenerateColumns="False" GridLinesVisibility="None" SelectionMode="Single" RowDetailsVisibilityMode="Collapsed" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}">
    <DataGrid.Columns>
        <DataGridTextColumn x:Name="nameHeader" Header="{x:Static p:Resources.nameHeader}" Width="100"/>
        <DataGridTextColumn x:Name="surnameHeader" Header="{x:Static p:Resources.surnameHeader}" Width="200" />
        <DataGridTextColumn x:Name="isenabledHeader" Header="{x:Static p:Resources.isenabledHeader}" MinWidth="50">
            <DataGridTextColumn.HeaderStyle>
                <Style TargetType="{x:Type DataGridColumnHeader}">
                    <Setter Property="HorizontalAlignment" Value="Stretch" />
                    <Setter Property="HorizontalContentAlignment" Value="Center" />
                </Style>
            </DataGridTextColumn.HeaderStyle>
            <DataGridTextColumn.CellStyle>
                <Style TargetType="{x:Type DataGridCell}">
                    <Setter Property="HorizontalAlignment" Value="Center" />
                </Style>
            </DataGridTextColumn.CellStyle>
        </DataGridTextColumn>
    </DataGrid.Columns>
</DataGrid>

如何根据“✓”和“✗”对单元格进行样式设置？ 这是我用C＃填充数据网格的方法。

nameHeader.Binding = new Binding("Name");
surnameHeader.Binding = new Binding("Surname");
isenabledHeader.Binding = new Binding("IsEnabled");

employeesDataGrid.ItemsSource = null;
Employee employee = new Employee();
// returns a List<Employee>
employeesList = employee.GetAll();
employeesDataGrid.ItemsSource = employeesList;

编辑我想出了如何自己对齐单元格文本的方法。 代码已更新。 所以现在我想将其上色为绿色或红色。 有什么建议么？

Answer 1

如果“✓”和“✗”是字符串值，您可以像这样将DataTriggers添加到DataGridTextColumn的CellStyle中。 在我的测试示例中，我first将字符串值用于绿色（您应将其更改为“✓”）。

<Style.Triggers>
    <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=Self}, 
                           Path=Content.Text}" Value="first">
        <Setter Property="Foreground" Value="Green" />
    </DataTrigger>
</Style.Triggers>

Answer 2

我想您如何真正引入“✓”和“✗”并不重要。 如果我正确理解您想将单元格背景色设置为绿色或红色，则可以使用xaml解决方案：

<DataGridTextColumn x:Name="isenabledHeader" Header="Is Enabled" MinWidth="50">
    <DataGridTextColumn.HeaderStyle>
        <Style TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="HorizontalAlignment" Value="Stretch" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
        </Style>
    </DataGridTextColumn.HeaderStyle>
    <DataGridTextColumn.CellStyle>
        <Style TargetType="{x:Type DataGridCell}">
            <Setter Property="HorizontalAlignment" Value="Stretch" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsEnabled}" Value="True">
                    <Setter Property="Background" Value="Green"></Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding IsEnabled}" Value="False">
                    <Setter Property="Background" Value="Red"></Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </DataGridTextColumn.CellStyle>
    <DataGridTextColumn.ElementStyle>
        <Style TargetType="{x:Type TextBlock}">
            <Setter Property="Margin" Value="2,0"/>
            <Setter Property="HorizontalAlignment" Value="Center"></Setter>
        </Style>
    </DataGridTextColumn.ElementStyle>
</DataGridTextColumn>

我做出的另一个假设（我希望是安全的）是IsEnabled是Employee类的一个属性。 我们在这里所做的就是创建几个绑定到IsEnabled的DataTriggers，并将单元格的背景设置为适当的颜色。 请注意，我必须将DataGridCell的水平对齐方式更改为“拉伸”，才能填充整个单元格。 附加的DataGridTextColumn.ElementStyle应该说明您想要的居中。

注意：如果愿意，可以在代码后添加DataTriggers，但我个人不记得该语法，因此没有在答案中添加它:)。