WPF点击菜单子项后子菜单无法保持展开问题求助

这个问题我之前也碰到过，WPF菜单的默认关闭行为确实有点棘手，尤其是当你用DataTemplate绑定自定义对象集合、还自定义了ControlTemplate的时候。下面给你几个针对性的解决方案，按从易到难排序：

1. 最简单的方案：设置StaysOpenOnClick="True" #

WPF的MenuItem自带一个StaysOpenOnClick属性，默认是false——这就是点击后菜单关闭的根源。你只需要在绑定生成的子菜单MenuItem上开启这个属性就行。

如果是在DataTemplate里：

<DataTemplate DataType="{x:Type local:YourCustomObject}">
    <MenuItem 
        Header="{Binding YourHeaderProperty}"
        StaysOpenOnClick="True"
        Width="64"
        Height="{Binding ElementName=menu,Path=ActualHeight}"
        HeaderTemplate="{DynamicResource wifiIcon}"
        HorizontalAlignment="Stretch" />
</DataTemplate>

如果用的是HierarchicalDataTemplate（有多层子菜单），记得在每一层的MenuItem都加上这个属性：

<HierarchicalDataTemplate DataType="{x:Type local:ParentObject}" ItemsSource="{Binding SubItems}">
    <MenuItem Header="{Binding ParentName}" StaysOpenOnClick="True">
        <HierarchicalDataTemplate.ItemTemplate>
            <DataTemplate DataType="{x:Type local:ChildObject}">
                <MenuItem Header="{Binding ChildName}" StaysOpenOnClick="True" />
            </DataTemplate>
        </HierarchicalDataTemplate.ItemTemplate>
    </MenuItem>
</HierarchicalDataTemplate>

这个方法最直接，不需要改后台代码，优先试试这个。

2. 自定义ControlTemplate时拦截关闭事件 #

如果你的ControlTemplate覆盖了MenuItem的默认结构，可能StaysOpenOnClick会失效，这时候可以通过拦截鼠标事件来阻止菜单关闭。

在你的ControlTemplate里，给内容容器添加PreviewMouseLeftButtonDown事件处理，标记事件已处理：

<ControlTemplate TargetType="{x:Type MenuItem}">
    <Border x:Name="menuBorder" Background="{TemplateBinding Background}" BorderThickness="1">
        <ContentPresenter 
            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
            ContentTemplate="{TemplateBinding HeaderTemplate}"
            Content="{TemplateBinding Header}"
            PreviewMouseLeftButtonDown="MenuItem_PreviewMouseLeftButtonDown" />
    </Border>
    <!-- 你的其他触发器样式 -->
</ControlTemplate>

然后在后台代码里处理这个事件：

private void MenuItem_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    // 这里写你点击菜单项后的业务逻辑，比如执行命令、更新状态
    var menuItem = sender as MenuItem;
    if (menuItem?.Command != null)
    {
        menuItem.Command.Execute(menuItem.CommandParameter);
    }

    // 标记事件已处理，阻止冒泡到父菜单触发关闭
    e.Handled = true;
}

3. 自定义MenuItem子类（最灵活） #

如果上面两种方法都满足不了你的需求（比如需要更复杂的逻辑控制），可以直接继承MenuItem，重写OnClick方法，跳过默认的关闭行为：

public class StayOpenMenuItem : MenuItem
{
    protected override void OnClick()
    {
        // 执行你自己的点击逻辑，比如触发命令
        if (Command != null && Command.CanExecute(CommandParameter))
        {
            Command.Execute(CommandParameter);
        }

        // 不要调用base.OnClick()！这会跳过默认的菜单关闭逻辑
        // base.OnClick();
    }
}

然后在XAML里直接使用这个自定义控件：

<local:StayOpenMenuItem 
    HorizontalContentAlignment="Center"
    VerticalContentAlignment="Center"
    Width="64"
    Height="{Binding ElementName=menu,Path=ActualHeight}"
    HeaderTemplate="{DynamicResource wifiIcon}"
    HorizontalAlignment="Stretch" />

注意事项 #

• 如果你的菜单是上下文菜单（ContextMenu），同样适用上面的方法，只需要给ContextMenu里的MenuItem设置对应属性或处理事件。
• 测试的时候要注意区分父菜单和子菜单：父菜单通常不需要保持展开，只有点击子项时才需要，别把所有MenuItem都设置StaysOpenOnClick，不然整个菜单会一直开着关不掉。

内容的提问来源于stack exchange，提问作者Moawwiz Zia