在WPF数据绑定组合框中更改分隔符的背景颜色

Question

我有一个绑定到数据集的组合框，然后在数据中遇到“ - ”时使用数据触发器插入分隔符（例如in this question)。

菜单的背景具有自定义颜色，使用资源字典设置。在这种情况下的颜色是＃FFF8F4C5

如果我在非数据绑定简单组合框中添加分隔符，则会正确显示。但是当使用数据触发器添加它时，它看起来与菜单的其余部分不同，如下所示（它具有白色背景）。

如果我设置分隔符的背景，它实际上会将较暗的线条更改为任何颜色。我似乎无法找到如何更改白色区域以匹配菜单相同的颜色。

Answer 1

在ControlTemplate中，将分隔符放在边框中，背景绑定到父ComboBoxItem的背景。像这样：

<ControlTemplate TargetType="{x:Type ComboBoxItem}">
    <Border Background="{TemplateBinding Background}">
        <Separator HorizontalAlignment="Stretch" IsEnabled="False"/>
    </Border>
</ControlTemplate>

Answer 2

使用分隔符样式：

<Style x:Key="SeparatorStyle1" TargetType="{x:Type Separator}">
    <Setter Property="Background" Value="{DynamicResource 
        {x:Static SystemColors.ControlDarkBrushKey}}"/>
    <Setter Property="Margin" Value="0,2,0,2"/>
    <Setter Property="Focusable" Value="false"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Separator}">
                <Border Height="1" SnapsToDevicePixels="true" 
              Background="#FFCCD480" BorderBrush="#FF633A3A" BorderThickness="0,0,0,1"/>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

并像这样使用

<ComboBox Background="#FFD2D2B5">
  <ListBoxItem Content="item1"/>
  <ListBoxItem Content="item2"/>
  <Separator Style="{DynamicResource SeparatorStyle1}"/>
  <ListBoxItem Content="item3"/>

应该这样做