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>

如何根据"✓"one_answers"✗"？以下是我如何用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

If"✓"one_answers"✗"是字符串值您可以像这样将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

我想如何引入"✓"one_answers"✗"真的。如果我理解正确，你想把细胞背景颜色设置为绿色或红色，这里有一个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，但我个人永远记不清语法，所以我没有把它放在我的答案中：）。