基于绑定数据更改菜单项模板

Question

基本上，我有一个视图(View)，它绑定到一个ViewModel，其中包含MenuItems。

我的目标是，每当菜单标题为“-”时，我都想放置一个分隔符。

理论上，似乎可以避免使用TemplateSelectors，但如果您认为这是不可避免的，请分享这些解决方案。

以下是XAML：

<Window x:Class="WpfApp1.MenuItemStyle"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MenuItemStyle" Height="300" Width="300">
    <DockPanel>
        <Menu DockPanel.Dock="Top" ItemsSource="{Binding MenuItems}">
            <Menu.ItemTemplate>
                <HierarchicalDataTemplate ItemsSource="{Binding Children}">
                    <HierarchicalDataTemplate.Triggers>
                        <DataTrigger Binding="{Binding Title}" Value="-">
                            <Setter Property="ContentTemplate">
                                <Setter.Value>
                                    <HierarchicalDataTemplate ItemsSource="{Binding Children}">
                                        <Separator />
                                    </HierarchicalDataTemplate>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                    </HierarchicalDataTemplate.Triggers>

                    <TextBlock Text="{Binding Title}" Background="Red" />
                </HierarchicalDataTemplate>
            </Menu.ItemTemplate>

        </Menu>
        <Grid>
        </Grid>
    </DockPanel>
</Window>

以下是代码：

namespace WpfApp1
{
    /// <summary>
    /// Interaction logic for MenuItemStyle.xaml
    /// </summary>
    public partial class MenuItemStyle : Window
    {
        public MenuItemStyle()
        {
            InitializeComponent();

            this.DataContext = this;
        }

        public ObservableCollection<MenuItem> MenuItems { get; set; } = new ObservableCollection<MenuItem> {
            new MenuItem{ Title = "M1"
                ,Children= new ObservableCollection<MenuItem>{
                    new MenuItem{ Title = "M2"},
                    new MenuItem{ Title = "-"},
                    new MenuItem{ Title = "M3"},
                }
            }
        };
    }

    public class MenuItem
    {
        public string Title { get; set; }   
        public ObservableCollection<MenuItem> Children { get; set; }
    }
}

我到处搜索解决方案，但没有找到一个实用的。

- Spongebob Comrade

Answer 1

你可以为 MenuItem 创建一个 Style。将其放置在菜单的 Resources 中，使其仅适用于特定菜单实例（本地），或将其放置在资源字典中：

<Menu ItemsSource="{Binding MenuItems}">
    <Menu.Resources>
        <Style TargetType="MenuItem">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Title}" Value="-">
                    <Setter Property="Template">
                         <Setter.Value>
                            <ControlTemplate>
                                <Separator/>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Menu.Resources>
    <Menu.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Children}">
            <TextBlock Text="{Binding Title}" Background="Red" />
        </HierarchicalDataTemplate>
    </Menu.ItemTemplate>
</Menu>

- dymanoid

---

非常感谢，它起作用了。因此，似乎在HierarchicalDataTemplate中定义DataTrigger在语法上是允许的，但不一定会被执行！ - Spongebob Comrade