Изменение цвета фона разделителя в поле со списком связанных данных WPF - PullRequest
Новая
       19

Изменение цвета фона разделителя в поле со списком связанных данных WPF

2 голосов
/ 24 ноября 2010

У меня есть выпадающий список, который связан с набором данных, который затем использует блок данных для вставки разделителя, когда он встречает в данных символ «-» (пример в этом вопросе) .

Фон меню имеет пользовательский цвет, заданный с помощью словаря ресурсов. Цвет в этом случае # FFF8F4C5

Если я добавлю разделитель к простому комбинированному списку без привязки к данным, он появится правильно. Но при добавлении его с помощью datatrigger он не похож на остальную часть меню, как вы можете видеть ниже (он имеет белый фон).

white background on separator

Если я установлю фон разделителя, он на самом деле изменит более темную линию на любой цвет. Я не могу найти, как изменить белую область, чтобы соответствовать тому же цвету, что и меню.

Ответы [ 2 ]

2 голосов
/ 24 ноября 2010

В ControlTemplate заключите разделитель в рамку с фоном, привязанным к фону родительского ComboBoxItem.Как то так: 

<ControlTemplate TargetType="{x:Type ComboBoxItem}">
    <Border Background="{TemplateBinding Background}">
        <Separator HorizontalAlignment="Stretch" IsEnabled="False"/>
    </Border>
</ControlTemplate>
1 голос
/ 24 ноября 2010

используйте стиль разделителя: 

<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"/>

Это должно сделать

...