WPF、MVVM 和菜单前景色

Question

我对 WPF 和 MVVM 都很陌生。 我一直在寻找一种在 MVVM 模式中动态创建菜单的好方法，但没有找到我喜欢的东西，所以我推出了自己的解决方案。 它有效，但由于某种原因，菜单的前景色（文本）有时（只是有时）不正确。

我添加了下图的链接。

http://img220.imageshack.us/img220/1912/badmenu.jpg （死链接）

我的最低子菜单正确显示为白色前景，但其父菜单前景变成黑色，几乎无法阅读。 如果我对菜单进行硬编码，那么父级的前景颜色将为白色。 如果我将鼠标移到父级上，其文本将切换回白色，子菜单将变为黑色。

此外，一旦我将鼠标移离父级，它的所有布尔属性 IsHighlighted、IsSubmenuOpen 等... 都会变为 false，这让我感到惊讶，因为我认为它们应该保持 true。 最终结果是我无法使用样式触发器来解决这个问题。

这是我的 XAML 。

<Window.Resources>
  <DataTemplate DataType="{x:Type src:ParentMenu}" >
    <Menu >
      <MenuItem Header="{Binding MenuName}" ItemsSource="{Binding ChildMenuItems}" />
    </Menu>
  </DataTemplate>

  <HierarchicalDataTemplate DataType="{x:Type src:ChildMenu}" 
                          ItemsSource="{Binding ChildMenuItems}" >
    <MenuItem Header="{Binding MenuName}" Command="{Binding Path=Command}" />
  </HierarchicalDataTemplate>

' StackOverflow 正在屏蔽 Window.Resources 的结束标记

<DockPanel>
   <Menu DockPanel.Dock="Top" ItemsSource="{Binding Menus}" />

  <Grid>
       <!-- Add additional content here -->
  </Grid>
</DockPanel>

ParentMenu 和 ChildMenu 都继承自一个公共类，该类实际上包含所有菜单并通过 公开子菜单>ChildMenuItems 集合。 ChildMenuItems 是 ChildMenu 对象的列表。 我的 ViewModels 公开了 ParentMenu 对象的列表。

可能有更好的方法来实现我在这里想要的。 这是一个示例：

img132.imageshack.us/img132/4160/bettermenu.jpg（死链接）

关于我做错了什么和/或如何解决显示问题有什么建议吗？

Answer 1

问题是您的虚拟机会自动包装在 MenuItems 中，因此您实际上将 MenuItems 嵌套为 MenuItems 的标头。

您可以通过定义一个样式（并通过 ItemContainerStyle 指向它）来解决此问题，该样式使用 MenuItem 作为数据类型将数据绑定到您的 VM（名称到标头、DelegateCommands 到命令等）。

下面是您可以执行此操作的方法示例。 请注意，我已经放弃了 HierarchicalDataTemplate，转而使用 ItemContainerStyle。 我还冒昧地为您的 MainViewModel 定义了一个 DataTemplate，因为不太清楚它是如何绑定数据的。

<Window.Resources>
    <DataTemplate DataType="{x:Type src:MainViewModel}">
        <ItemsControl ItemsSource="{Binding Menus}"></ItemsControl>
    </DataTemplate>
    <DataTemplate DataType="{x:Type src:ParentMenu}" >
        <Menu>
            <MenuItem Header="{Binding Name}" 
        ItemsSource="{Binding ChildMenuItems}" ItemContainerStyle="{DynamicResource ChildMenuItemStyle}" />
        </Menu>
    </DataTemplate>
    <Style x:Key="ChildMenuItemStyle" TargetType="MenuItem">
        <Setter Property="Header" Value="{Binding Name}"></Setter>
        <Setter Property="ItemsSource" Value="{Binding ChildMenuItems}"></Setter>
    </Style>
</Window.Resources>

为了简单起见，我还删除了一些命令绑定，但您可以根据需要将其添加回来。

Answer 2

根据要求，这是我的 ViewModel。

ViewModelBase是studio创建的标准模型。 MainVieModel 中的内容足以创建我用来进行实验的测试菜单。

基本上，我正在努力创建一个父/子菜单类，我可以将其与我们销售给广泛客户的一系列应用程序一起使用。 我希望每个客户都可以根据他们的需求以及他们购买了哪些模块的许可证来拥有可定制的菜单集合。

public abstract class ViewModelBase : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;

        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}   

公共类MainViewModel：ViewModelBase

{

    public MainViewModel()  {   MakeMenus();    }

    private void MakeMenus()
    {
        // Makes some dummy menus to test with.
        Menus = new ObservableCollection<MyMenuItem>();
        ParentMenu parent;
        ChildMenu child;

        parent = new ParentMenu("First Level");
        Menus.Add(parent);
        child = new ChildMenu(parent, "second level");
        parent.ChildMenuItems.Add(child);
        ChildMenu child2 = new ChildMenu(child, "third level");
        child2.MenuCommand = new DelegateCommand(CommandTest,
                                                   CommandCanExecute_First);
        child.ChildMenuItems.Add(child2);

        child = new ChildMenu(parent, "second level 2");
        parent.ChildMenuItems.Add(child);
        child2 = new ChildMenu(child, "third level 2");
        child2.MenuCommand = new DelegateCommand(CommandTest, 
                                       CommandCanExecute_Second);
        child.ChildMenuItems.Add(child2);

        parent = new ParentMenu("Another First");
        parent.ChildMenuItems.Add(new ChildMenu(parent, "Another Second"));
        Menus.Add(parent);
        OnPropertyChanged("Menus");
    }

    private bool ExecuteToggle { get; set; }
    private void CommandTest()  {   ExecuteToggle = !ExecuteToggle; } 
    public ObservableCollection<MyMenuItem> Menus  {  get; private set;}
    public bool CommandCanExecute_First()   {   return ExecuteToggle;   }
    public bool CommandCanExecute_Second() { return !ExecuteToggle;     }
}