如何基于项属性设置WPF ListViewItem的显示格式

问题根源分析 #

• 类型不匹配：ViewModel中使用了System.Drawing.Color，但WPF控件的Background属性要求System.Windows.Media.Brush类型，类型不兼容导致绑定静默失效。
• 样式优先级问题：ListViewItem的默认ControlTemplate可能覆盖直接设置的Background属性，需要通过正确的样式配置确保绑定生效。
• 属性定义不规范：原代码中Background是表达式体字段而非属性，虽为只读，但绑定更适配属性形式。

解决方案步骤 #

1. 修正ViewModel中的Background类型 #

将FooItemViewModel里的Background改为WPF的Brush类型，调整为属性形式（支持动态状态切换）：

using System.Windows.Media; // 替换原System.Drawing引用

internal class FooItemViewModel : BaseViewModel
{
    // ... 保留原有Id、Barcode、Selected属性

    // 根据Selected状态返回对应背景，示例：选中（禁用）行用浅灰，正常行透明
    public Brush Background => Selected ? new SolidColorBrush(Colors.LightGray) : Brushes.Transparent;

    // 若需动态更新样式，在Selected属性变更时触发Background的通知
    public bool Selected
    {
        get => _selected; 
        set
        {
            UpdateProperty(ref _selected, value);
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Background)));
        }
    }
}

2. 配置ListView的ItemContainerStyle #

通过ItemContainerStyle直接绑定整行的Background，避免默认模板覆盖，同时处理选中状态的样式冲突：

<ListView Margin="5" VerticalAlignment="Stretch" 
          SelectionMode="Single" ItemsSource="{Binding Path=Items}"
          SelectedItem="{Binding SelectedItem,Mode=TwoWay}">
  <ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
      <Setter Property="Background" Value="{Binding Background}" />
      <!-- 可选：给禁用行设置灰色前景，增强视觉区分 -->
      <Setter Property="Foreground" Value="{Binding Selected, Converter={StaticResource BoolToGrayBrushConverter}}" />
      <!-- 确保选中样式不覆盖自定义背景 -->
      <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
          <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" />
        </Trigger>
      </Style.Triggers>
    </Style>
  </ListView.ItemContainerStyle>

  <!-- 保留原有GridView列定义 -->
  <ListView.View>
    <GridView AllowsColumnReorder="True">
      <GridView.ColumnHeaderContainerStyle>
        <Style>
          <Setter Property="GridViewColumnHeader.HorizontalContentAlignment" Value="Left" />
          <Setter Property="GridViewColumnHeader.Padding" Value="10 0" />
        </Style>
      </GridView.ColumnHeaderContainerStyle>
      <GridViewColumn Header="ID" Width="Auto" DisplayMemberBinding="{Binding Id}" />
      <GridViewColumn Header="Barcode" Width="Auto" DisplayMemberBinding="{Binding Barcode}" />
      <GridViewColumn Header="Check" Width="Auto">
        <GridViewColumn.CellTemplate>
          <DataTemplate>
            <CheckBox IsChecked="{Binding Selected}"/>
          </DataTemplate>
        </GridViewColumn.CellTemplate>
      </GridViewColumn>
    </GridView>
  </ListView.View>
</ListView>

3. 可选：添加值转换器（灵活控制样式） #

如果需要更复杂的状态样式转换，可添加值转换器：

using System;
using System.Globalization;
using System.Windows.Data;
using System.Windows.Media;

namespace WpfApp1
{
    public class BoolToGrayBrushConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return (bool)value ? Brushes.DarkGray : Brushes.Black;
        }

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

在XAML的Window资源中声明转换器：

<Window.Resources>
  <local:BoolToGrayBrushConverter x:Key="BoolToGrayBrushConverter" />
</Window.Resources>

核心说明 #

• 通过ItemContainerStyle控制整行样式，无需为每个列重复编写模板，适配多列场景。
• 必须使用WPF专属的System.Windows.Media下的Brush/Color类型，这是绑定失效的核心原因。
• 若需动态更新行样式，要在状态属性变更时触发Background的PropertyChanged通知。

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