带有子菜单的可检查菜单项

Question

您可以在 WPF 中将顶级子菜单设置为可检查吗？我似乎无法让它发挥作用。

<Window.ContextMenu>
    <ContextMenu>
        <MenuItem Header="Top Level 1" IsCheckable="True" IsChecked="True">
            <MenuItem Header="Sub Level" />
            <MenuItem Header="Sub Level" />
        </MenuItem>
        <MenuItem Header="Top Level 2">
            <MenuItem Header="Sub Level" />
            <MenuItem Header="Sub Level" />
        </MenuItem>
    </ContextMenu>
</Window.ContextMenu>

顶级 1 是可以检查的，但子级别不会出现。有什么想法吗？

Answer 1

如果您深入研究 MenuItem 的 ControlTemplate，您会发现它根据其 Role 属性使用不同的模板。

参考：

菜单样式和模板

<Style x:Key="{x:Type MenuItem}"
       TargetType="{x:Type MenuItem}">
  <Setter Property="OverridesDefaultStyle"
          Value="True" />
  <Style.Triggers>
    <Trigger Property="Role"
             Value="TopLevelHeader">
      <Setter Property="Template"
              Value="{StaticResource {x:Static MenuItem.TopLevelHeaderTemplateKey}}" />
      <Setter Property="Grid.IsSharedSizeScope"
              Value="true" />
    </Trigger>
    <Trigger Property="Role"
             Value="TopLevelItem">
      <Setter Property="Template"
              Value="{StaticResource {x:Static MenuItem.TopLevelItemTemplateKey}}" />
    </Trigger>
    <Trigger Property="Role"
             Value="SubmenuHeader">
      <Setter Property="Template"
              Value="{StaticResource {x:Static MenuItem.SubmenuHeaderTemplateKey}}" />
    </Trigger>
    <Trigger Property="Role"
             Value="SubmenuItem">
      <Setter Property="Template"
              Value="{StaticResource {x:Static MenuItem.SubmenuItemTemplateKey}}" />
    </Trigger>
  </Style.Triggers>
</Style>

似乎它可以允许检查或子项目默认情况下。

要解决此问题，请使用以下代码：

XAML：

<ContextMenu>
    <MenuItem Header="Top Level 1" 
              Mouse.PreviewMouseUp="MenuItem_MouseLeftButtonUp">
        <MenuItem Header="Sub Level" />
        <MenuItem Header="Sub Level" />
    </MenuItem>
    <MenuItem Header="Top Level 2">
        <MenuItem Header="Sub Level" />
        <MenuItem Header="Sub Level" />
    </MenuItem>
</ContextMenu>

代码隐藏：

private void MenuItem_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    (sender as MenuItem).IsChecked = !(sender as MenuItem).IsChecked;
}

我强烈建议将此功能转换/封装为附加属性或行为。

Answer 2

添加到 decyclone 的答案：

由于执行此操作后菜单仍处于打开状态，如果您希望它关闭，则可以通过在父上下文菜单上设置 IsOpen = false 来关闭菜单：

private void MenuItem_MouseLeftButtonUp(object sender, MouseButtonEventArgs e) {
    (sender as MenuItem).IsChecked = !(sender as MenuItem).IsChecked; 
    ((sender as MenuItem).Parent as ContextMenu).IsOpen = false;
} 

Answer 3

另一种方法是简单地使用复选框作为菜单项的图标：

<MenuItem>
    <MenuItem.Icon>
        <CheckBox HorizontalAlignment="Center" VerticalAlignment="Center" IsChecked="{Binding MyCheckProperty}"/>
    </MenuItem.Icon>
    <MenuItem Header="Item1"/>
    <MenuItem Header="Item2"/>
</MenuItem>

在这种情况下，用户必须单击复选框（而不仅仅是菜单项上的任何位置）才能更改状态，而单击其他位置将保留立即打开子菜单的默认行为（这可能是也可能不是期望的）。此外，这还允许三态值。特别是，如果顶级菜单应充当其所有子菜单的主开关，并且空状态指示某些子状态已选中，而某些子状态未选中，则这是非常好的。至于 decyclone 的回答，除非采取进一步措施，否则菜单将保持开放。