如何通过MVVM绑定为MenuItem列表配置访问键、助记符与命令？

问题描述 #

我尝试用MVVM和数据绑定渲染MRU文件菜单项列表，但遇到三个问题：

• 无法分配访问键（access key）
• 无法分配助记符（mnemonic）
• 无法分配命令（command）

当前使用的XAML代码：

<MenuItem x:Name="FileMenu_MruList" Visibility="{Binding Path=FileMruList.Count, Converter={x:Static conv:VisibilityCounterConverter.Instance}}">
  <MenuItem.Resources>
    <cmd:FileMruCommand x:Key="FileMruCmd"/>
    <CollectionViewSource x:Key="MruFiles" Source="{Binding Path=FileMruList}"/>
  </MenuItem.Resources>

  <MenuItem.CommandBindings>
    <CommandBinding Command="{StaticResource ResourceKey=FileMruCmd}" Executed="FileMruItem_Executed"/>
  </MenuItem.CommandBindings>

  <MenuItem.ItemsSource>
    <CompositeCollection>
      <CollectionContainer Collection="{Binding Source={StaticResource ResourceKey=MruFiles}}"/>
      <Separator/>
      <MenuItem Header="_Delete list"/>
    </CompositeCollection>
  </MenuItem.ItemsSource>

  <MenuItem.ItemTemplate>
    <HierarchicalDataTemplate DataType="{x:Type mru:MruItem}">
      <TextBlock Text="{Binding Converter={x:Static conv:MruItemConverter.Instance}}"/>
    </HierarchicalDataTemplate>
  </MenuItem.ItemTemplate>
</MenuItem>

当前现象：

1. 数字前的下划线直接显示，未变成助记符的下划线；
2. 菜单激活时按指定数字无法触发对应菜单项的命令。

解决方案 #

一、修复助记符问题 #

你现在用TextBlock绑定文本，WPF的MenuItem助记符是通过Header属性识别下划线的，模板里的TextBlock不会自动处理助记符逻辑。改成直接绑定MenuItem的Header即可：

方式1：修改ItemTemplate

<MenuItem.ItemTemplate>
  <HierarchicalDataTemplate DataType="{x:Type mru:MruItem}">
    <MenuItem Header="{Binding Converter={x:Static conv:MruItemConverter.Instance}}"/>
  </HierarchicalDataTemplate>
</MenuItem.ItemTemplate>

方式2：用ItemContainerStyle更简洁

<MenuItem.ItemContainerStyle>
  <Style TargetType="MenuItem">
    <Setter Property="Header" Value="{Binding Converter={x:Static conv:MruItemConverter.Instance}}"/>
  </Style>
</MenuItem.ItemContainerStyle>

这样WPF会自动识别Header中的下划线作为助记符，菜单激活时按对应数字键就能触发操作。

二、绑定命令到每个MRU菜单项 #

当前的CommandBinding只加在父MenuItem上，子项没继承绑定。有两种方式解决：

方式1：通过ItemContainerStyle绑定全局命令

在ItemContainerStyle里给每个子菜单项绑定命令，并传递当前MruItem作为参数：

<MenuItem.ItemContainerStyle>
  <Style TargetType="MenuItem">
    <Setter Property="Header" Value="{Binding Converter={x:Static conv:MruItemConverter.Instance}}"/>
    <Setter Property="Command" Value="{StaticResource FileMruCmd}"/>
    <Setter Property="CommandParameter" Value="{Binding}"/>
  </Style>
</MenuItem.ItemContainerStyle>

之后在FileMruItem_Executed事件里，通过e.Parameter就能拿到对应的文件项，执行打开逻辑。

方式2：MVVM模式下给每个MruItem单独加命令

在MruItem类中添加命令属性：

public class MruItem
{
    public string FilePath { get; set; }
    public ICommand OpenCommand { get; }

    public MruItem(string filePath)
    {
        FilePath = filePath;
        OpenCommand = new RelayCommand(() => 
        {
            // 这里写打开文件的逻辑
            MessageBox.Show($"打开文件：{FilePath}");
        });
    }
}

然后在XAML中绑定：

<MenuItem.ItemContainerStyle>
  <Style TargetType="MenuItem">
    <Setter Property="Header" Value="{Binding Converter={x:Static conv:MruItemConverter.Instance}}"/>
    <Setter Property="Command" Value="{Binding OpenCommand}"/>
  </Style>
</MenuItem.ItemContainerStyle>

三、验证访问键格式 #

确保MruItemConverter返回的文本格式正确，比如第一个MRU项返回"_1 最近文件1.txt"，第二个返回"_2 最近文件2.txt"，下划线后的数字会被识别为助记符，菜单打开时按Alt+数字（或直接按数字）就能触发对应项。

内容的提问来源于stack exchange，提问作者AxD