将 IGrouping 绑定到功能区组

Question

我使用 WPF 功能区控件并取得了一些成功；我现在尝试使用功能区库，在数据绑定场景中使用类别。以下是一些示例数据： -

        var data = new[]
        {
            new { Category = "Sport", Hobby = "Football" },
            new { Category = "Sport", Hobby = "Table Tennis" },
            new { Category = "Music", Hobby = "Guitar" },
            new { Category = "Music", Hobby = "Piano" },
            new { Category = "PC", Hobby = "StarCraft 2" },
        };

我正在对数据进行分组，并希望在图库中显示按类别分组的项目： -

        IEnumerable CategorisedHobbies;
        CategorisedHobbies = data.GroupBy(d => d.Category).ToArray();

全部相当标准。我的 XAML 如下所示： -

                <ribbon:RibbonGallery ItemsSource="{Binding CategorisedHobbies}">
                    <ribbon:RibbonGallery.ItemTemplate>
                        <DataTemplate>
                            <ribbon:RibbonGalleryCategory Header="{Binding Key}" ItemsSource="{Binding}" MaxColumnCount="1">
                                <ribbon:RibbonGalleryCategory.ItemTemplate>
                                    <DataTemplate>
                                        <ribbon:RibbonGalleryItem Content="{Binding Hobby}"/>
                                    </DataTemplate>
                                </ribbon:RibbonGalleryCategory.ItemTemplate>
                            </ribbon:RibbonGalleryCategory>
                        </DataTemplate>
                    </ribbon:RibbonGallery.ItemTemplate>
                </ribbon:RibbonGallery>

但是，当应用程序运行时，虽然我正确地获取了功能区库中显示的类别，但每个项目只是一个空白方块。我知道这些系列正在被绑定，因为我可以看到例如运动类的类别大小比 PC 类的大小更大。

如果我按如下方式对 XAML 进行硬编码，那么当然一切正常：-

你知道我在这里做错了什么吗？谢谢！

Answer 1

好的，我现在已经“正常”工作了。我要做的不是设置 DataTemplate，而是为 RibbonGallery 上的 ItemsContainerStyle 应用样式。

此样式只需为 RibbonGalleryCategory 类型，并且具有 ItemsSource 的属性设置器。就我而言，它只是 {Binding}，另外我还必须设置 DisplayMemberPath。

我仍然没有完全理解 RibbonGallery 的层次结构以及它如何设计事物 - 但至少这种方法是有效的。

更新：
以下是我最初提供的代码示例的相应 XAML：

<r:RibbonWindow.Resources>
    <Style TargetType="r:RibbonGalleryCategory" x:Key="HobbyCategoryStyle">
        <Setter Property="Header" Value="{Binding Key}"/>
        <Setter Property="ItemsSource" Value="{Binding}"/>
        <Setter Property="DisplayMemberPath" Value="Hobby"/>
    </Style>
</r:RibbonWindow.Resources>
<r:RibbonMenuButton Label="Example menu button">
   <r:RibbonGallery ItemsSource="{Binding CategorisedHobbies}" ItemContainerStyle="{StaticResource ResourceKey=HobbyCategoryStyle}"/>
</r:RibbonMenuButton>

Answer 2

不知道为什么，但如果您将 ItemsPanel 分配给 RibbonGalleryCategory，它会起作用：

<ribbon:RibbonGalleryCategory.ItemsPanel>
    <ItemsPanelTemplate>
        <StackPanel IsItemsHost="True" />
    </ItemsPanelTemplate>
</ribbon:RibbonGalleryCategory.ItemsPanel>