自定义 WPF 上下文菜单

Question

I want to create a custom context menu that each item will have image on top and some text below it.

I know i can achieve this with with manipulating the template like so

<Style TargetType="{x:Type ContextMenu}">
    <Setter Property="Template">
      <Setter.Value>
           <ControlTemplate TargetType="{x:Type ContextMenu}">
                 //do whatever here
           </ControlTemplate>
       </Setter.Value>
     </Setter>
</<Style>

but i my program every control have same basic template that all of the control of the same type(here its contextmenu) inherit from it, and i dont want to ruin it by overriding the template here

is there anyway i can achive waht i want without changing the template?

Answer 1

You need to set a key in your style.

<Style TargetType="{x:Type ContextMenu}" x:key="CustomContextMenu">
    <Setter Property="Template">
      <Setter.Value>
           <ControlTemplate TargetType="{x:Type ContextMenu}">
                 //do whatever here
           </ControlTemplate>
       </Setter.Value>
     </Setter>
</Style>

And apply it like this.

<Button Content="Right" Grid.Column="1">
    <Button.ContextMenu>
        <ContextMenu Style="{StaticResource CustomContextMenu}">
            <MenuItem Header="File" />
            <MenuItem Header="Save" />
            <MenuItem Header="SaveAs" />
        </ContextMenu>
    </Button.ContextMenu>
</Button>