ContextMenu 概述

ContextMenu表示通过使用特定于上下文的Menu来公开功能的元素。 通常,用户通过右键单击将 ContextMenu 显示在用户界面(UI)中。 本主题介绍该 ContextMenu 元素,并提供如何在可扩展应用程序标记语言(XAML)和代码中使用它的示例。

ContextMenu 控件

特定控件附加了ContextMenu。 该ContextMenu元素使你可以向用户显示一个项列表,这些项指定与特定控件关联的命令或选项,例如。Button 用户右键单击控件以显示菜单。 通常,单击 MenuItem 打开子菜单或导致应用程序执行命令。

创建上下文菜单

以下示例演示如何创建包含子菜单的 ContextMenu。 这些控件 ContextMenu 附加到按钮控件上。

<Button Name="cmButton" Height="30">
  Button with Context Menu
  <Button.ContextMenu>
    <ContextMenu Name="cm" Opened="OnOpened" Closed="OnClosed" StaysOpen="true">
      <MenuItem Header="File"/>
      <MenuItem Header="Save"/>
      <MenuItem Header="SaveAs"/>
      <MenuItem Header="Recent Files">
        <MenuItem Header="ReadMe.txt"/>
        <MenuItem Header="Schedule.xls"/>
      </MenuItem>
    </ContextMenu>
  </Button.ContextMenu>
</Button>
btn = new Button();
btn.Content = "Created with C#";
contextmenu = new ContextMenu();
btn.ContextMenu = contextmenu;
mi = new MenuItem();
mi.Header = "File";
mia = new MenuItem();
mia.Header = "New";
mi.Items.Add(mia);
mib = new MenuItem();
mib.Header = "Open";
mi.Items.Add(mib);
mib1 = new MenuItem();
mib1.Header = "Recently Opened";
mib.Items.Add(mib1);
mib1a = new MenuItem();
mib1a.Header = "Text.xaml";
mib1.Items.Add(mib1a);
contextmenu.Items.Add(mi);
cv2.Children.Add(btn);
Dim btn As New Button()
Dim contextmenu As New ContextMenu()
Dim mi As New MenuItem()
Dim mia As New MenuItem()

btn.Background = Brushes.Red
btn.Height = 30
btn.Content = "Created with Visual Basic."

mi.Header = ("Item 1")
contextmenu.Items.Add(mi)
mia.Header = ("Item 2")
contextmenu.Items.Add(mia)

btn.ContextMenu = (contextmenu)
cv2.Children.Add(btn)

将样式应用于上下文菜单

通过使用控件 Style,无需编写自定义控件即可显著更改控件 ContextMenu 的外观和行为。 除了设置视觉属性之外,还可以将样式应用于控件的各个部分。 例如,可以使用属性更改控件部分的行为,也可以向 添加部件或更改控件的 ContextMenu布局。 以下示例演示了向控件添加样式 ContextMenu 的几种方法。

第一个示例定义了一种名为SimpleSysResources的样式,该样式演示如何在风格中应用当前系统设置。 该示例将MenuHighlightBrushKey指定为Background颜色,将MenuTextBrushKey指定为Foreground颜色的ContextMenu

<Style x:Key="SimpleSysResources" TargetType="{x:Type MenuItem}">
  <Setter Property = "Background" Value=
    "{DynamicResource {x:Static SystemColors.MenuHighlightBrushKey}}"/>
  <Setter Property = "Foreground" Value=
    "{DynamicResource {x:Static SystemColors.MenuTextBrushKey}}"/>
</Style>

下面的示例使用Trigger元素来更改Menu的外观,以响应在ContextMenu上引发的事件。 当用户将鼠标移到菜单上时,ContextMenu项的外观将发生变化。

<Style x:Key="Triggers" TargetType="{x:Type MenuItem}">
  <Style.Triggers>
    <Trigger Property="MenuItem.IsMouseOver" Value="true">
      <Setter Property = "FontSize" Value="16"/>
      <Setter Property = "FontStyle" Value="Italic"/>
      <Setter Property = "Foreground" Value="Red"/>
    </Trigger>
  </Style.Triggers>
</Style>

另请参阅