WPF ListView如何绑定颜色集合设置项背景显示色块

三个问题导致色块无法正常渲染：

• 你重写了ListViewItem的ControlTemplate，但模板内的Grid没有配置任何背景属性，在Style中给ListViewItem本身设置的Background值不会自动传递到自定义模板的子元素，配置完全不生效
• Grid.Background属性要求接收Brush类型值，你的数据源存储的是Color结构体，类型不匹配，直接绑定无法自动完成转换
• C#代码存在属性名拼写错误：定义的集合属性为lightColors，填充数据时调用的是LightColor.Add()，名称、大小写均不匹配，集合未被正确初始化填充

1. 修正C#端代码 #

先初始化集合，填充数据时调用正确的属性名：

// 定义集合时直接初始化，避免空引用
public List<Color> lightColors { get; set; } = new List<Color>();

public void fillLightColors()
{
    Color myColor = Color.FromRgb(100, 150, 75);
    // 调用正确的属性名添加元素
    lightColors.Add(myColor);
    // 其余颜色按相同逻辑添加
}

2. 修正XAML绑定逻辑 #

不需要在ItemContainerStyle的Background Setter上写绑定，直接给ControlTemplate内的Grid配置背景，用SolidColorBrush包装当前绑定的Color值即可，无需额外编写值转换器：

<ListView ItemsSource="{Binding lightColors}" Height="30"  HorizontalAlignment="Left">
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="Margin" Value="5"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListViewItem">
                        <Grid Height="30" Width="30">
                            <Grid.Background>
                                <!-- 直接绑定当前DataContext（即列表中的Color值），包装为SolidColorBrush -->
                                <SolidColorBrush Color="{Binding}"/>
                            </Grid.Background>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ListView.ItemContainerStyle>
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemTemplate>
        <DataTemplate/>
    </ListView.ItemTemplate>
</ListView>

不需要重写ListViewItem的控件模板，直接在ItemTemplate中配置色块即可，代码更简洁易维护：

<ListView ItemsSource="{Binding lightColors}" Height="30" HorizontalAlignment="Left">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemTemplate>
        <DataTemplate>
            <Grid Height="30" Width="30" Margin="5">
                <Grid.Background>
                    <SolidColorBrush Color="{Binding}"/>
                </Grid.Background>
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

如果后续将数据源类型改为List<SolidColorBrush>，可以省略SolidColorBrush包装步骤，直接给Background属性写{Binding}即可生效。

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