如何为列表框制作此显示？

Question

我有一个数据绑定列表框，它实际上显示了两列数据。显示如下：

<UserControl.Resources>
        <DataTemplate x:Key="AlignedPairs">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="10" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <TextBlock Text="{Binding Fruits}" Grid.Column="0" />
                <TextBlock Text="->" TextAlignment="Center" Grid.Column="1" />
                <TextBlock Text="{Binding Colors}" Grid.Column="3" />
            </Grid>
        </DataTemplate>
    </UserControl.Resources>

            <ListBox Name="lbStuff" Grid.ColumnSpan="2"  Grid.Row="1"
                     ItemTemplate="{StaticResource AlignedPairs}">
                <ListBox.ItemContainerStyle>
                    <Style TargetType="ListBoxItem">
                        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                    </Style>
                </ListBox.ItemContainerStyle>
            </ListBox>

然后在代码隐藏中设置Itemsource。

然而，基于一些逻辑，我想在其中一列中设置一行或一个项目，例如将水果变为红色，或将线条变为粗体。我有代码可以确定我想在后面的代码中区分哪种水果或颜色（通过颜色/粗体），但我无法弄清楚，特别是考虑到自定义列表框显示，我该如何设置特定项目换成不同的颜色/粗体。

有人有什么想法吗？

如果需要任何其他代码，请告诉我。干杯。

edit: 我真正想做的就是让问题尽可能简单...遍历列表框中的每个项目并检查字符串是否匹配在列表框/列表视图中以某种方式在视觉上区分此项目。没有必要让这变得比它需要的更复杂。为什么你不能单独设置项目的前景色超出我的理解！

编辑 2：

看起来我几乎通过以下方式到达那里（但它会引发异常并且不起作用）

            foreach (var li in ListView.Items)
            {

                if (someCriteria == true) 
                {
                      ((ListViewItem) li).Foreground = Brushes.Red; 
//exception throw as this is the actual object stored in this location (the Fruit object for example) not the row or listviewitem I want to change the color of so it can't be cast :(
                }
            }

Answer 1

这是 ViewModel 设计模式真正帮助您的地方。

大概您有一个公开属性Fruit 和Color 的类。创建一个包装器类，它既公开这些属性，又公开FruitBackgroundBrush 和ItemBackgroundBrush。然后您可以绑定到模板中的这些属性，例如：

<DataTemplate x:Key="AlignedPairs">
    <Grid Background={Binding ItemBackgroundBrush}>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="10" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <TextBlock Text="{Binding Fruits}" 
                   Background="{Binding FruitBackgroundBrush}" 
                   Grid.Column="0" />
        <TextBlock Text="->" TextAlignment="Center" Grid.Column="1" />
        <TextBlock Text="{Binding Colors}" Grid.Column="3" />
    </Grid>
</DataTemplate>

Answer 2

DataTriggers 会处理这个问题。这是一个很好的入门：http://en.csharp-online.net/WPF_Styles_and_Control_Templates%E2%80%94Data_Triggers