c# - 将 Menu 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 已经包含在 MenuItem 元素的 MenuItem 标记中，所以我必须摆脱它：

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

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

您能否指出我正确的方向，以便我可以完成这项工作？

谢谢你的帮助。

Answer 1

所以我终于想通了。答案是HierarchicalDataTemplate。