У меня есть стиль для ContextMenu
, там я задал только задний фон и убрал обводку:
<Style x:Key="TrayIconStyle" TargetType="ContextMenu">
<Setter Property="Background" Value="#222222"/>
<Setter Property="BorderThickness" Value="0"/>
</Style>
Для объекта MenuItem
этого меню я тоже сделал стиль. По моей задумке он должен устанавливать иконку и текст в StackPanel
и немного смещать текст при наведении мыши (IsMouseOver
):
<Style TargetType="MenuItem">
<Setter Property="Background" Value="#222222"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="MenuItem">
<StackPanel Orientation="Horizontal">
<Image x:Name="_imgicon" Stretch="Fill" Source="{Binding Icon,RelativeSource={RelativeSource TemplatedParent}}" />
<TextBlock Foreground="Gray" FontSize="14" Margin="5 0 0 0" VerticalAlignment="Center" x:Name="_txt" Text="{Binding Header,RelativeSource={RelativeSource TemplatedParent}}" />
</StackPanel>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="true">
<Setter TargetName="_txt" Property="Foreground" Value="White"/>
<Setter TargetName="_txt" Property="Margin" Value="8 0 0 0"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Однако все, что работает - это текст и его "анимация" смещения при наведении мыши. Иконка почему-то не отображается и имеется какая-то белая полоса слева, к которой я бы тоже хотел применить цвет фона #222222
:
В чем моя ошибка?
Создание контекстного меню:
<ContextMenu Style="{StaticResource TrayIconStyle}">
<MenuItem Header="Open">
<MenuItem.Icon>
<Image Source="/ImgSrc/logo.ico" />
</MenuItem.Icon>
</MenuItem>
<MenuItem Header="Exit"/>
</ContextMenu>