如何在 WPF listview 中绑定和显示一组颜色？

Question

我首先要解决一个看起来很容易的问题：我想显示一些不同颜色的网格。 我有一个绑定到列表的列表视图。 该列表包含颜色（我也尝试过 SolidColorBrush）。 列表视图可以显示元素，因此在当前情况下，您可以看到每个项目 1 个网格。 我想将网格的背景（所以数据模板）绑定到颜色属性本身。 例如：假设我的列表中有白色和黑色。 然后我想使用listview显示一个黑白网格。 但是，我无法将背景绑定到任何东西，绑定总是失败，我找不到解决方案。

这是xaml代码：

 <ListView ItemsSource="{Binding lightColors}" Height="30"  HorizontalAlignment="Left">
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="Margin" Value="5"></Setter>
                    <Setter Property="Background" Value="{Binding **WHAT TO WRITE HERE?**}"></Setter>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="ListViewItem">

                                <Grid  Height="30" Width="30"></Grid>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </ListView.ItemContainerStyle>
            <ListView.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel>

                    </WrapPanel>
                </ItemsPanelTemplate>

            </ListView.ItemsPanel>
            <ListView.ItemTemplate>
                <DataTemplate>
                
                </DataTemplate>
            </ListView.ItemTemplate>

还有一些代码片段：

 public List<Color> lightColors { get; set; }

  public void fillLightColors()
    {
        Color myColor = Color.FromRgb(100, 150, 75);
        LightColor.Add(myColor);
      
    }

目前，每当我尝试绑定到背景时，我都看不到任何东西。 也许我错过了一些明显的东西，也许我必须使用完全不同的东西。 任何帮助将不胜感激！

Answer 1

您将使用 SolidColorBrush 作为 Setter 的值：

<Setter Property="Background"> 
    <Setter.Value> 
        <SolidColorBrush Color="{Binding}"/>
    </Setter.Value>
</Setter>

除此之外，ControlTemplate 还必须使用 Background 属性：

<ControlTemplate TargetType="ListViewItem">
    <Grid Height="30" Width="30"
          Background="{TemplateBinding Background}"/>
</ControlTemplate>

另请注意，当您像这样设置 ListViewItem 的模板时，根本不会使用ItemTemplate 。 ControlTemplate 应该有一个ContentPresenter 。

<ControlTemplate TargetType="ListViewItem">
    <Grid Height="30" Width="30"
          Background="{TemplateBinding Background}">
        <ContentPresenter/>
    </Grid>
</ControlTemplate>

Answer 2

这个怎么样：

风格：

<Style x:Key="ColorComboStyle" TargetType="{x:Type ComboBox}">
    <Setter Property="ItemsSource" Value="{Binding Path=(global:GlobalVars.AllBrushes)}"/>
    <Setter Property="SelectedValuePath" Value="Name"/>
    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
    <Setter Property="ItemTemplate">
        <Setter.Value>
            <DataTemplate>
                <Grid HorizontalAlignment="Stretch" Height="24">
                    <DockPanel  LastChildFill="True" HorizontalAlignment="Stretch">
                        <Rectangle DockPanel.Dock="Right" Fill="{Binding}" Stroke="Black" StrokeThickness="1" Height="20" Width="20"/>
                        <Label Padding="2" Content="{Binding}" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                    </DockPanel>
                </Grid>
            </DataTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="ItemContainerStyle">
        <Setter.Value>
            <Style TargetType="{x:Type ComboBoxItem}">
                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            </Style>
        </Setter.Value>
    </Setter>
</Style>

GlobarVars 属性如下所示：

public static List<string> AllBrushes { get; } = typeof(Brushes).GetProperties().Select(x => x.Name).ToList();

然后使用这样的组合框：

<ComboBox Style="{StaticResource ColorComboStyle}" SelectedValue="{Binding ...}"/>

在我的情况下工作得很好......您只需要调整代码以在您的 ListView 中工作。