Question

我有一个工作的动态菜单，它是绑定到由应用程序动态控制的分层项目集合的数据。以下是WPF声明：

        <Menu Grid.Row="1" Grid.ColumnSpan="2" ItemsSource="{Binding Actions}" Style="{StaticResource ResourceKey=dynamicMenu}">
       <Menu.Resources>
            <HierarchicalDataTemplate DataType="{x:Type wm:AppAction}" ItemsSource="{Binding Path=Items}">
                <HierarchicalDataTemplate.ItemContainerStyle>
                    <Style TargetType="MenuItem">
                        <Setter Property="IsCheckable" Value="{Binding IsCheckable}" />
                        <Setter Property="IsChecked" Value="{Binding IsChecked}" />
                        <Setter Property="Visibility" Value="{Binding Path=IsVisible, Converter={wc:BoolToCollapsedConverter}}"/>
                        <Setter Property="Command" Value="{Binding Command}" />
                        <Setter Property="Icon" Value="{Binding Image}" />
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding Text}" Value="">
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="{x:Type MenuItem}">
                                            <Separator HorizontalAlignment="Stretch" IsEnabled="False"/>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </HierarchicalDataTemplate.ItemContainerStyle>
                <StackPanel Orientation="Horizontal">
                    <Image Source="{Binding ImageSource}" />
                    <TextBlock Text="{Binding Text}" />
                </StackPanel>
            </HierarchicalDataTemplate>
        </Menu.Resources>
    </Menu>

现在我想使用Microsoft Ribbon控件渲染这个底层菜单结构，最初使用RibbonTab和RibbonGroup为级别0构建它，使用RibbonButton构建级别1（每个选项卡上的单个组）。

不幸的是，由于某些原因，它没有显示任何内容。以下是我到目前为止的声明：

        <r:Ribbon Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" x:Name="ribbon" Title="WPF Prototype App" ItemsSource="{Binding Actions}">
        <r:Ribbon.Resources>
            <DataTemplate DataType="{x:Type wm:AppAction}">
                <r:RibbonTab Header="{Binding Text}">
                    <r:RibbonGroup Header="{Binding Text}" ItemsSource="{Binding Actions}" Width="333">
                        <r:RibbonGroup.Resources>
                            <DataTemplate DataType="{x:Type wm:AppAction}">
                                <r:RibbonButton Label="{Binding Text}" LargeImageSource="{Binding ImageSource}"/>
                            </DataTemplate>
                        </r:RibbonGroup.Resources>
                    </r:RibbonGroup>
                </r:RibbonTab>
            </DataTemplate>
        </r:Ribbon.Resources>
    </r:Ribbon>

我觉得这可能是一个简单易解的问题。我尝试使用HierarchicalDataTemplate，但有关RibbonTab应用于RibbonGroup的样式有错误。

另一个相关的问题是：如果AppAction对象具有功能区控件样式鉴别器属性（即ControlStyle [Tab，Group，Button，CheckBox，ComboBox]），根据此值的值动态创建适当的控件是多么容易财产还是甚至可能？或者，对于复杂的场景，只需在后续视图中定义功能区的一部分来负责这些任务，并在View可见时附加它们就更好了吗？

编辑：以下是AppAction类简化版的内容：

    [ContentProperty("Items")]
public class AppAction: PropertyChangedBase
{
    public AppActionCollection Items { get; set; }

    ICommand command;
    public ICommand Command
    {
        get { return command; }
        set { CheckSet(ref command, value); }
    }

    string text;
    public string Text
    {
        get { return text; }
        set { CheckSet(ref text, value); }
    }

    Uri imageSource;
    public Uri ImageSource
    {
        get { return imageSource; }
        set { image = null; CheckSet(ref imageSource, value); NotifyOfPropertyChange(() => Image); }
    }

    public AppAction()
    {
        Items = new AppActionCollection();
    }
}

AppActionCollection简化：

public class AppActionCollection: ObservableCollection<AppAction>
{
}

可以通过以下方式创建示例菜单树：

public class TestMenu
{
    AppActionCollection menu = new AppActionCollection();

    public TestMenu()
    {
        var m = new AppAction { Text = "File" };
        m.Items.Add(new AppAction { Text = "Open" });
        m.Items.Add(new AppAction { Text = "Save" });
        m.Items.Add(new AppAction { Text = "" });
        m.Items.Add(new AppAction { Text = "Exit", Command = ApplicationCommands.Close });
        menu.Add(m);

        m = new AppAction { Text = "Edit" };
        m.Items.Add(new AppAction { Text = "Copy" });
        m.Items.Add(new AppAction { Text = "Paste" });
        m.Items.Add(new AppAction { Text = "Cut" });
        m.Items.Add(new AppAction { Text = "Smile", Command = ApplicationCommands.Close });
        menu.Add(m);
    }
}

Answer 1

很抱歉延迟，我一直在寻找解决问题的方法，但遗憾的是我找不到。 HierarchicalDataTemplate对您没有帮助，因为功能区级别不是同一类型。

我认为解决问题的唯一方法是为每个级别创建新的DataTemplate。我知道这不是一个好的解决方案，但我认为这是唯一的方法。如果你找到更好的方法，请分享你的知识并告诉我。

注意：在Menu情况下，您可以使用HierarchicalDataTemplate，因为有一种类型MenuItem。

修改

这是我达成的目标：

MainWindow.xaml.cs：

public ObservableCollection<AppAction> child { get { ObservableCollection<AppAction> reVal = new ObservableCollection<AppAction>(); reVal.Add( new AppAction() { Header = "File", Items = new ObservableCollection<AppAction>() { new AppAction() { Header = "Font", Items = new ObservableCollection<AppAction>() { new AppAction() { Header = "Arial" }, new AppAction() { Header = "Segoe UI" }, new AppAction() { Header = "Tahoma" } } }, new AppAction() { Header = "Other", Items = new ObservableCollection<AppAction>() { new AppAction() { Header = "Colse" } } } } }); reVal.Add( new AppAction() { Header = "View", Items = new ObservableCollection<AppAction>() { new AppAction() { Header = "A", Items = new ObservableCollection<AppAction>() { new AppAction() { Header = "AButton" } } }, new AppAction() { Header = "B", Items = new ObservableCollection<AppAction>() { new AppAction() { Header = "BButton" } } }, new AppAction() { Header = "C", Items = new ObservableCollection<AppAction>() { new AppAction() { Header = "CButton" } } } } }); return reVal; } }

并在MainWindow.xaml中：

<Window x:Class="rebbon.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525" Name="wind"> <Window.Resources> <DataTemplate x:Key="buttonTempl"> <RibbonButton Label="{Binding Header}"/> </DataTemplate> <Style TargetType="RibbonGroup" x:Key="groupStyle"> <Setter Property="Header" Value="{Binding Header}"/> <Setter Property="ItemsSource" Value="{Binding Items}"/> <Setter Property="ItemTemplate" Value="{StaticResource buttonTempl}"/> </Style> <Style TargetType="RibbonTab" x:Key="tabStyle"> <Setter Property="Header" Value="{Binding Header}"/> <Setter Property="ItemsSource" Value="{Binding Items}"/> <Setter Property="ItemContainerStyle" Value="{StaticResource groupStyle}"/> </Style> </Window.Resources> <Grid> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Ribbon ItemContainerStyle="{StaticResource tabStyle}" ItemsSource="{Binding ElementName=wind, Path=child}"/> </Grid> </Window>

<强>结果：

我希望这会对你有所帮助。

我尽了最大努力。

Ribbon控件的WPF数据绑定

1 个答案: