将菜单ItemsSource绑定到递归数据结构

Question

我有一个简单的数据结构（属性当然是依赖属性）：

class MenuData{
    public string Header {get; protected set;}
    public ObservableCollection<MenuData> Items { get; protected set; }
}

ObservableCollection<MenuData> Menus {get; protected set;}

我想将Menus属性绑定为Menu元素ItemsSource。结果应该看起来像标准的Windows菜单栏：第一级项目将水平排列，隐藏的子项目是子菜单。

我尝试使用XAML创建第一级（水平菜单栏）：

<my:MenuElement ItemsSource="{Binding Menus}">
    <my:MenuElement.ItemTemplate>
        <DataTemplate>                
            <MenuItem Header="{Binding Header}">                    
                <!-- Try to add some sub-menus to see what it is going to look like. -->
                <MenuItem Header="A" />
                <MenuItem Header="A" />
                <MenuItem Header="A" />
                <MenuItem Header="A" />
            </MenuItem>
        </DataTemplate>
    </my:MenuElement.ItemTemplate>
</my:MenuElement>

我使用了MenuItem的自定义重载，因为ItemTemplate已经包装在Menu元素的MenuItem标签中，所以我不得不摆脱它：

class MenuElement: System.Windows.Controls.Menu 
{
    protected override DependencyObject GetContainerForItemOverride()
    {
        return new System.Windows.Controls.ContentPresenter();
    }
}

但结果看起来都错了（请注意突出显示太大和子菜单箭头）

请你指点一个正确的方向让我能做到这一点吗？

感谢您的帮助。

Answer 1

所以我终于明白了。答案是HierarchicalDataTemplate。