wpf的Image实现右击菜单

在WPF中，如果你想在`Image`元素上添加右键点击菜单，你可以使用`ContextMenu`和`MouseRightButtonUp`事件。以下是实现步骤：

1. 首先，在XAML中创建一个`Image`控件，并绑定到所需的图片资源：

<Image x:Name="MyImage" Source="{Binding MyImageSource}" />

2. 创建一个`ContextMenu`，定义你想要在右键菜单中显示的项：

<ContextMenu x:Key="ImageMenu">
    <MenuItem Header="打开图片" Command="{Binding OpenImageCommand}"/>
    <MenuItem Header="保存图片" Command="{Binding SaveImageCommand}"/>
</ContextMenu>

3. 在对应的ViewModel中，为`OpenImageCommand`和`SaveImageCommand`设置命令逻辑。例如：

public class ViewModel : INotifyPropertyChanged
{
    public ICommand OpenImageCommand { get; private set; }
    public ICommand SaveImageCommand { get; private set; }

    public ViewModel()
    {
        OpenImageCommand = new RelayCommand(() => /* 打开图片操作 */);
        SaveImageCommand = new RelayCommand(() => /* 保存图片操作 */);
    }

    // ...其他属性和通知机制...
}

4. 将`ContextMenu`关联到`Image`的右键事件：

<Image x:Name="MyImage" Source="{Binding MyImageSource}">
    <Image.ContextMenu>
        <ContextMenu x:Key="ImageMenu" />
    </Image.ContextMenu>
    <Image.MouseRightButtonUp>
        < routedEventHandler>
            <BeginStoryboard>
                <Storyboard>
                    <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.ContextMenu).(ContextMenu.PlacementTarget)" Duration="0ms">
                        <DiscreteObjectKeyFrame KeyTime="0">
                            <DiscreteObjectKeyFrame.Value>
                                <Image.ContextMenu>
                                    <ContextMenu x:Key="ImageMenu" />
                                </Image.ContextMenu>
                            </DiscreteObjectKeyFrame.Value>
                        </DiscreteObjectKeyFrame>
                    </ObjectAnimationUsingKeyFrames>
                    <EventTrigger RoutedEvent="ContextMenu.Show">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Left)" To="{Binding ElementName=MyImage, Path=ActualWidth}" Storyboard.TargetProperty="(ContextMenu.PlacementTransformOrigin.X)" BeginTime="0">
                                    <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
                                </DoubleAnimationUsingKeyFrames>
                                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Top)" To="{Binding ElementName=MyImage, Path=ActualHeight}" Storyboard.TargetProperty="(ContextMenu.PlacementTransformOrigin.Y)" BeginTime="0">
                                    <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Storyboard>
            </BeginStoryboard>
        </routedEventHandler>
    </Image.MouseRightButtonUp>
</Image>

这将为`Image`元素添加一个右键菜单，当用户在图像上右键点击时，菜单会弹出。