左键单击带有 ContextMenu 的 WPF 按钮

Question

我对 ContextMenu 有一个小问题。

<Window.Resources>
    <Style x:Key="ButtonWithContextMenuStyle" TargetType="Button">
        <Setter Property="Background" Value="#cbeb00" />
        <Setter Property="Foreground" Value="#505050" />
        <Setter Property="FontSize" Value="12" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border CornerRadius="4" Background="{TemplateBinding Background}"
                            BorderThickness="0">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Margin="{TemplateBinding Padding}" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="#aaaaaa"/>
                            <Setter Property="Foreground" Value="#dcff00"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="ContextMenu">
            <Setter.Value>
                <ContextMenu>
                    <MenuItem Command="{Binding EditUserCommand}" Header="{DynamicResource EditUserContextMenuMW}"/>
                    <MenuItem Command="{Binding OpenHistoryCommand}" Header="{DynamicResource ConversationHistoryContextMenuMW}"/>
                    <MenuItem Command="{Binding OpenHistoryCommand}" Header="{DynamicResource BuyCreditContextMenuMW}"/>
                    <Separator />
                    <MenuItem Command="{Binding LogoutCommand}" Header="{DynamicResource LogoutContextMenuMW}"/>
                </ContextMenu>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <EventTrigger RoutedEvent="Click" >
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard>
                            <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="ContextMenu.IsOpen">
                                <DiscreteBooleanKeyFrame KeyTime="0:0:0" Value="True"/>
                            </BooleanAnimationUsingKeyFrames>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

当我单击鼠标右键时，一切正常。 ContextMenu 打开，我可以在 MenuItem 上调用命令。

我希望在单击鼠标左键时看到相同的行为。但是，只有 ContextMenu 打开，我不能调用 Command。

谁能告诉我我做错了什么？

Answer 1

<Window x:Class="ContextMenuMouseDownStack.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">
<StackPanel Margin="10">
    <StackPanel.Resources>
        <Style TargetType="Button">
            <Style.Triggers>
                <EventTrigger RoutedEvent="Click">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="ContextMenu.IsOpen">
                                    <DiscreteBooleanKeyFrame KeyTime="0:0:2" Value="True"/>
                                </BooleanAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Style.Triggers>
        </Style>
    </StackPanel.Resources>
    <Button Content="Click!" VerticalAlignment="Center" HorizontalAlignment="Center">
        <Button.ContextMenu>
            <ContextMenu>
                <MenuItem Header="Menu item 1" Click="MenuItem_Click"/>
                <MenuItem Header="Menu item 2" />
                <Separator />
                <MenuItem Header="Menu item 3" />
            </ContextMenu>
        </Button.ContextMenu>
    </Button>
</StackPanel>

在这个与您的示例类似的示例中，Click 事件完成了应有的工作。确实，我那里没有命令，但处理程序后面有一个简单的代码。它以两种方式到达它，鼠标右键或左键单击。只是为了测试，你可以在那里尝试一个简单的处理程序吗？

更新 1：

它对我来说也适用于两种方式：

<EventTrigger RoutedEvent="PreviewMouseDown">

更新 2

看来你的情节提要毁了事情：

我用这样的弹出窗口改变了它：

    <Popup x:Name="btnMenuPopup" Placement="Mouse" StaysOpen="False">
        <Border BorderBrush="Black" BorderThickness="2" CornerRadius="2">
            <Menu>
                <MenuItem Header="Menu item 1" Command="{Binding EditCommand, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}"/>
                <MenuItem Header="Menu item 2" />
                <Separator />
                <MenuItem Header="Menu item 3" />
                <Menu.ItemsPanel>
                    <ItemsPanelTemplate>
                        <VirtualizingStackPanel Orientation="Vertical"/>
                    </ItemsPanelTemplate>
                </Menu.ItemsPanel>
            </Menu>
        </Border>
    </Popup>

为了更快，我在按钮上添加了一个点击事件，它将打开弹出窗口。

 private void Button_Click(object sender, RoutedEventArgs e)
 {
   btnMenuPopup.IsOpen = true;
 }

现在它应该可以工作了。

这是弹出窗口的命令：

  Command="{Binding CommandShowPopup}" CommandParameter="{Binding ElementName=btnMenuPopup}"

命令实现：

public class CommandShowPopup : ICommand
{
    public bool CanExecute(object parameter)
    {
        return true;
    }

    public event EventHandler CanExecuteChanged;

    public void Execute(object parameter)
    {
        (parameter as Popup).IsOpen = true;
    }
}

Answer 2

您需要使用MouseRightButtonDown 路由事件。

<EventTrigger RoutedEvent="MouseRightButtonDown">