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。

alt text

如果我按如下方式对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>

将IGrouping绑定到功能区组

2 个答案: