MenuItem内嵌套Button无法展开子MenuItem问题解决

这个问题我之前做WPF开发时也碰到过！你猜的完全没错——Button控件会处理并标记鼠标点击事件为已处理，导致事件没法冒泡传递给外层的MenuItem，自然就触发不了子菜单的展开逻辑了。下面给你几个实用的解决思路：

方法一：手动触发MenuItem的展开/折叠（最直观） #

给外层MenuItem命名，然后在Button的Click事件里手动切换它的IsSubmenuOpen状态，同时还能保留Button自身的点击逻辑：

XAML代码： #

<Menu>
    <MenuItem x:Name="ParentMenuItem">
        <MenuItem.Header>
            <Button Click="Button_Click">Hello</Button>
        </MenuItem.Header>
        <MenuItem Header="SubItem1"/>
        <MenuItem Header="SubItem2"/>
    </MenuItem>
</Menu>

后台C#代码： #

private void Button_Click(object sender, RoutedEventArgs e)
{
    // 切换子菜单的展开状态
    ParentMenuItem.IsSubmenuOpen = !ParentMenuItem.IsSubmenuOpen;
    
    // 在这里添加Button自身的点击业务逻辑（比如弹出提示、执行命令等）
    MessageBox.Show("Button被点击了！");
}

方法二：利用预览事件传递（无需修改Button点击逻辑） #

如果不想改动Button的原有Click逻辑，可以用PreviewMouseLeftButtonDown事件（这是隧道传递的事件，会先到达外层控件），在Button的预览事件里触发菜单展开：

XAML代码： #

<Menu>
    <MenuItem x:Name="ParentMenuItem">
        <MenuItem.Header>
            <Button PreviewMouseLeftButtonDown="Button_PreviewMouseLeftButtonDown">Hello</Button>
        </MenuItem.Header>
        <MenuItem Header="SubItem1"/>
        <MenuItem Header="SubItem2"/>
    </MenuItem>
</Menu>

后台C#代码： #

private void Button_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    ParentMenuItem.IsSubmenuOpen = !ParentMenuItem.IsSubmenuOpen;
    // 保持事件继续传递，让MenuItem的默认逻辑也能执行（可选）
    e.Handled = false;
}

方法三：纯XAML实现（无后台代码） #

如果你倾向于MVVM或纯XAML的方式，可以用触发器配合布尔反转转换器来实现：

首先定义一个反转布尔值的转换器：

public class InverseBooleanConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return !(bool)value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return !(bool)value;
    }
}

然后在XAML中引用转换器并使用触发器：

<Window.Resources>
    <local:InverseBooleanConverter x:Key="InverseBooleanConverter"/>
</Window.Resources>

<Menu>
    <MenuItem x:Name="ParentMenuItem">
        <MenuItem.Header>
            <Button>
                <Button.Style>
                    <Style TargetType="Button">
                        <Setter Property="Content" Value="Hello"/>
                        <Style.Triggers>
                            <EventTrigger RoutedEvent="PreviewMouseLeftButtonDown">
                                <BeginStoryboard>
                                    <Storyboard>
                                        <BooleanAnimationUsingKeyFrames 
                                            Storyboard.TargetName="ParentMenuItem"
                                            Storyboard.TargetProperty="IsSubmenuOpen">
                                            <DiscreteBooleanKeyFrame 
                                                KeyTime="0:0:0"
                                                Value="{Binding IsSubmenuOpen, ElementName=ParentMenuItem, Converter={StaticResource InverseBooleanConverter}}"/>
                                        </BooleanAnimationUsingKeyFrames>
                                    </Storyboard>
                                </BeginStoryboard>
                            </EventTrigger>
                        </Style.Triggers>
                    </Style>
                </Button.Style>
            </Button>
        </MenuItem.Header>
        <MenuItem Header="SubItem1"/>
        <MenuItem Header="SubItem2"/>
    </MenuItem>
</Menu>

总结 #

推荐优先用方法一，它最直观易懂，而且能灵活兼顾Button的业务逻辑和菜单展开需求。如果是MVVM场景，方法三的纯XAML方式会更符合架构风格。

内容的提问来源于stack exchange，提问作者Shachar Har-Shuv