覆盖MenuItem ControlTemplate可防止在单击项目时关闭ContextMenu

基础概念

MenuItem 是 WPF（Windows Presentation Foundation）中的一个控件，用于在 ContextMenu 中显示菜单项。ControlTemplate 是 WPF 中用于定义控件外观的模板。通过自定义 ControlTemplate，可以控制控件的视觉表现和行为。

类型与应用场景

类型：ControlTemplate 可以应用于各种 WPF 控件，包括但不限于 Button、TextBox、MenuItem 等。
应用场景：当默认的控件外观不符合设计要求，或者需要实现特定的交互逻辑时，可以使用 ControlTemplate 进行自定义。

遇到的问题及原因

问题：覆盖 MenuItem 的 ControlTemplate 后，在单击项目时 ContextMenu 关闭。

原因：默认情况下，MenuItem 的点击事件会触发 ContextMenu 的关闭。通过自定义 ControlTemplate，可能会无意中改变了这一默认行为。

解决方法

为了防止在单击 MenuItem 时关闭 ContextMenu，可以在 ControlTemplate 中处理 Click 事件，并阻止事件的进一步传播。

示例代码

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button Content="Open ContextMenu" Click="Button_Click">
            <Button.ContextMenu>
                <ContextMenu>
                    <MenuItem Header="Item 1" Template="{StaticResource MenuItemTemplate}"/>
                    <MenuItem Header="Item 2" Template="{StaticResource MenuItemTemplate}"/>
                </ContextMenu>
            </Button.ContextMenu>
        </Button>
    </Grid>
</Window>

<ControlTemplate x:Key="MenuItemTemplate" TargetType="{x:Type MenuItem}">
    <Border Background="LightGray" BorderBrush="Black" BorderThickness="1">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{TemplateBinding Header}" Margin="5"/>
            <Button Content="Click Me" Width="50" Click="Button_Click_1"/>
        </StackPanel>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="Border" Property="Background" Value="Yellow"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

private void Button_Click(object sender, RoutedEventArgs e)
{
    Button btn = sender as Button;
    btn.ContextMenu.IsOpen = true;
}

private void Button_Click_1(object sender, RoutedEventArgs e)
{
    // 处理点击事件，但不关闭 ContextMenu
    MessageBox.Show("Item clicked!");
    e.Handled = true; // 阻止事件进一步传播
}

解释

XAML 部分：定义了一个按钮，并在其 ContextMenu 中使用了自定义的 MenuItemTemplate。
ControlTemplate：自定义了 MenuItem 的外观，并在其中嵌入了一个按钮用于测试点击事件。
C# 代码：处理按钮点击事件以打开 ContextMenu，并在自定义按钮的点击事件中阻止事件的进一步传播，从而防止 ContextMenu 关闭。

通过这种方式，可以在保持 ContextMenu 打开的同时处理 MenuItem 的点击事件。