WPF - 为什么 ContextMenu 项目适用于 ListBox 而不是 ItemsControl？

Question

列表中的项目有上下文菜单。 上下文菜单项绑定到路由命令。

如果列表控件是 ListBox，上下文菜单项可以正常工作，但一旦我将其降级为 ItemsControl，它就不再工作。 具体来说，菜单项始终呈灰色。 我的 CommandBinding 中的 CanExecute 回调也没有被调用。

ListBox 有何特点允许上下文菜单项与命令正确绑定？

以下是我整理的示例应用程序的一些摘录，以突出显示该问题：

<!-- Data template for items -->
<DataTemplate DataType="{x:Type local:Widget}">
  <StackPanel Orientation="Horizontal">
    <StackPanel.ContextMenu>
      <ContextMenu>
        <MenuItem Header="UseWidget" 
                  Command="{x:Static l:WidgetListControl.UseWidgetCommand}"
                  CommandParameter="{Binding}" />
      </ContextMenu>
    </StackPanel.ContextMenu>
    <TextBlock Text="{Binding Path=Name}" />
    <TextBlock Text="{Binding Path=Price}" />
  </StackPanel>
</DataTemplate>

<!-- Binding -->
<UserControl.CommandBindings>
  <CommandBinding Command="{x:Static l:WidgetListControl.UseWidgetCommand}" 
                  Executed="OnUseWidgetExecuted" 
                  CanExecute="CanUseWidgetExecute" />
</UserControl.CommandBindings>

<!-- ItemsControl doesn't work... -->
<ItemsControl ItemsSource="{Binding Path=Widgets}" />

<!-- But change it to ListBox, and it works! -->
<ListBox ItemsSource="{Binding Path=Widgets}" />

这是视图模型和数据项的 C# 代码：

public sealed class WidgetListViewModel
{
    public ObservableCollection<Widget> Widgets { get; private set; }

    public WidgetViewModel()
    {
        Widgets = new ObservableCollection<Widget>
            {
                new Widget { Name = "Flopple", Price = 1.234 },
                new Widget { Name = "Fudge", Price = 4.321 }
            };
    }
}

public sealed class Widget
{
    public string Name { get; set; }
    public double Price { get; set; }
}

这是控件的 C# 代码隐藏：

public partial class WidgetListControl
{
    public static readonly ICommand UseWidgetCommand 
        = new RoutedCommand("UseWidget", typeof(WidgetListWindow));

    public WidgetListControl()
    {
        InitializeComponent();
    }

    private void OnUseWidgetExecuted(object s, ExecutedRoutedEventArgs e)
    {
        var widget = (Widget)e.Parameter;
        MessageBox.Show("Widget used: " + widget.Name);
    }

    private void CanUseWidgetExecute(object s, CanExecuteRoutedEventArgs e)
    {
        e.CanExecute = true;
        e.Handled = true;
    }
}

只是重申一下问题 - 那是什么 < code>ListBox 提供了允许正确绑定其上下文菜单项命令的功能，是否有某种方法可以使其适用于 ItemsControl？

Answer 1

好的，我看到的主要问题是 ItemsControl 没有所选项目的概念，因此您无法选择要绑定到的 DataTemplate 的项目。

我不记得在哪里看到过它，但是编写 WPF 时要遵循的一个好规则是使用为您提供所需行为的控件，然后将其设置为您想要的样式。

因此，考虑一下这一点，您想要 ListBox 的行为，而不是 ItemsControl 的外观，那么为什么不将 ListBoxItems 的样式设置为不显示选定和未选定之间的差异。

<Style TargetType="{x:Type ListBoxItem}">
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="HorizontalContentAlignment" Value="{Binding Path=HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
    <Setter Property="VerticalContentAlignment" Value="{Binding Path=VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
    <Setter Property="Padding" Value="2,0,0,0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListBoxItem}">
                <Border SnapsToDevicePixels="true" x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}">
                    <ContentPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 2

这可能与以下事实有关：ContextMenu 弹出窗口中的项目与 UserControl 的其余部分不在同一视觉树中（基本上，弹出窗口是一个单独的窗口）。 这就是 CommandBindings 不起作用的原因。

但目前我不知道如何在不指定 ContextMenu 中的 CommandBindings 的情况下解决此问题。