我有一个 WPF 应用程序。在其中我有一个 Xaml 文件中的图像控件。
右键单击此图像，我有一个上下文菜单。
我也想在“左键”上显示相同的内容。
我如何以 MVVM 方式做到这一点？
【问题讨论】：
标签： wpf mvvm contextmenu mouseleftbuttondown
这是一个仅限 XAML 的解决方案。 只需将此样式添加到您的按钮。 这将导致上下文菜单在左右单击时打开。尽情享受吧！
<Button Content="Open Context Menu">
<Button.Style>
<Style TargetType="{x:Type Button}">
<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>
<Setter Property="ContextMenu">
<Setter.Value>
<ContextMenu>
<MenuItem />
<MenuItem />
</ContextMenu>
</Setter.Value>
</Setter>
</Style>
</Button.Style>
</Button>
【讨论】：
<MenuItem Header="Download" Command="{Binding DownloadButtonCommand}"/> 它不起作用，有什么建议吗？
你可以通过像这样使用 Image 的 MouseDown 事件来做到这一点
<Image ... MouseDown="Image_MouseDown">
<Image.ContextMenu>
<ContextMenu>
<MenuItem .../>
<MenuItem .../>
</ContextMenu>
</Image.ContextMenu>
</Image>
然后在后面的代码中显示EventHandler中的ContextMenu
private void Image_MouseDown(object sender, MouseButtonEventArgs e)
{
if (e.ChangedButton == MouseButton.Left)
{
Image image = sender as Image;
ContextMenu contextMenu = image.ContextMenu;
contextMenu.PlacementTarget = image;
contextMenu.IsOpen = true;
e.Handled = true;
}
}
【讨论】：
您可以发明自己的 DependencyProperty，它会在单击图像时打开一个上下文菜单，就像这样：
<Image Source="..." local:ClickOpensContextMenuBehavior.Enabled="True">
<Image.ContextMenu>...
</Image.ContextMenu>
</Image>
这是该属性的 C# 代码：
public class ClickOpensContextMenuBehavior
{
private static readonly DependencyProperty ClickOpensContextMenuProperty =
DependencyProperty.RegisterAttached(
"Enabled", typeof(bool), typeof(ClickOpensContextMenuBehavior),
new PropertyMetadata(new PropertyChangedCallback(HandlePropertyChanged))
);
public static bool GetEnabled(DependencyObject obj)
{
return (bool)obj.GetValue(ClickOpensContextMenuProperty);
}
public static void SetEnabled(DependencyObject obj, bool value)
{
obj.SetValue(ClickOpensContextMenuProperty, value);
}
private static void HandlePropertyChanged(
DependencyObject obj, DependencyPropertyChangedEventArgs args)
{
if (obj is Image) {
var image = obj as Image;
image.MouseLeftButtonDown -= ExecuteMouseDown;
image.MouseLeftButtonDown += ExecuteMouseDown;
}
if (obj is Hyperlink) {
var hyperlink = obj as Hyperlink;
hyperlink.Click -= ExecuteClick;
hyperlink.Click += ExecuteClick;
}
}
private static void ExecuteMouseDown(object sender, MouseEventArgs args)
{
DependencyObject obj = sender as DependencyObject;
bool enabled = (bool)obj.GetValue(ClickOpensContextMenuProperty);
if (enabled) {
if (sender is Image) {
var image = (Image)sender;
if (image.ContextMenu != null)
image.ContextMenu.IsOpen = true;
}
}
}
private static void ExecuteClick(object sender, RoutedEventArgs args)
{
DependencyObject obj = sender as DependencyObject;
bool enabled = (bool)obj.GetValue(ClickOpensContextMenuProperty);
if (enabled) {
if (sender is Hyperlink) {
var hyperlink = (Hyperlink)sender;
if(hyperlink.ContextMenu != null)
hyperlink.ContextMenu.IsOpen = true;
}
}
}
}
【讨论】：
ContextMenu 的PlacementTarget 分配回DependencyObject（在我的情况下为Button），以便填充菜单正确。这是为 ListView 中的每个项目填充的动态上下文菜单。
myFrameworkElement.ContextMenu.PlacementTarget = myFrameworkElement 为我做了。谢谢@EricP。
如果您只想在 Xaml 中执行此操作而不使用代码隐藏，您可以使用 Expression Blend 的触发器支持：
...
xmlns:i="schemas.microsoft.com/expression/2010/interactivity"
...
<Button x:Name="addButton">
<Button.ContextMenu>
<ContextMenu ItemsSource="{Binding Items}" />
<i:Interaction.Triggers>
<i:EventTrigger EventName="Click">
<ei:ChangePropertyAction TargetObject="{Binding ContextMenu, ElementName=addButton}" PropertyName="PlacementTarget" Value="{Binding ElementName=addButton, Mode=OneWay}"/>
<ei:ChangePropertyAction TargetObject="{Binding ContextMenu, ElementName=addButton}" PropertyName="IsOpen" Value="True"/>
</i:EventTrigger>
</i:Interaction.Triggers>
</Button.ContextMenu>
</Button>
【讨论】：
您只需将代码添加到函数 Image_MouseDown
e.Handled = true;
那么它就不会消失了。
【讨论】：
嘿，我在寻找我在这里没有找到的解决方案时遇到了同样的问题。
我对 MVVM 一无所知，所以它可能不符合 MVVM，但它对我有用。
第 1 步：为上下文菜单命名。
<Button.ContextMenu>
<ContextMenu Name="cmTabs"/>
</Button.ContextMenu>
第 2 步：双击控件对象并插入此代码。订单很重要！
Private Sub Button_Click_1(sender As Object, e As Windows.RoutedEventArgs)
cmTabs.StaysOpen = True
cmTabs.IsOpen = True
End Sub
第 3 步：享受
这将对左键和右键单击做出反应。它是一个带有 ImageBrush 和 ControlTemplate 的按钮。
【讨论】：
您可以将 contextMenu 的 Isopen 属性绑定到 viewModel 中的某个属性，例如“IsContextMenuOpen”。 但问题是您不能直接将 contextmenu 绑定到您的 viewModel，因为它不是您的 userControl hiarchy 的一部分。因此，要解决此问题，您应该将 tag 属性绑定到视图的 dataontext。
<Image Tag="{Binding DataContext, ElementName=YourUserControlName}">
<ContextMenu IsOpen="{Binding PlacementTarget.Tag.IsContextMenuOpen,Mode=OneWay}" >
.....
</ContextMenu>
<Image>
祝你好运。
【讨论】：
XAML
<Button x:Name="b" Content="button" Click="b_Click" >
<Button.ContextMenu >
<ContextMenu >
<MenuItem Header="Open" Command="{Binding OnOpen}" ></MenuItem>
<MenuItem Header="Close" Command="{Binding OnClose}"></MenuItem>
</ContextMenu>
</Button.ContextMenu>
</Button>
C#
private void be_Click(object sender, RoutedEventArgs e)
{
b.ContextMenu.DataContext = b.DataContext;
b.ContextMenu.IsOpen = true;
}
【讨论】：