C#对WPF数据绑定的菜单插入Seperator分隔

2022-11-13 10:11:30 插入 绑定 分隔

WPF前台代码展示

<Window.Resources>
    <local:Source x:Key="src"/>
</Window.Resources>
<StackPanel>
    <Menu>
        <MenuItem Header="Animals" ItemsSource="{Binding Source={StaticResource src}}" />
    </Menu>
</StackPanel>

C#对WPF数据绑定

public class Source : ObservableCollection<object>
{
    public Source()
    {
        //Spiders
        Add("Golden Silk Spider");
        Add("Black Widow Spider");

        //BiGCats
        Add("Jaguar");
        Add("African Wildcat");
        Add("Cheetah");

        //Amphibians
        Add("California Newt");
        Add("Tomato Frog");
        Add("Green Tree Frog");
    }
}

这种方式简单易用，但有个问题，缺乏灵活性：比如说如果我们要根据不同的类别分组，通过seperator隔离，生成如下图所示的菜单，这时该如何做呢？

我试过几种方法，如设置ItemStyleSelecter，DataTemplate等，效果都不是很好，最后找到一种很简单的方法：在数据源中直接插入Seperator即可。

public class Source : ObservableCollection<object>
{
    public Source()
    {
        
        Add("Golden Silk Spider");
        Add("Black Widow Spider");

        Add(new Separator());

        Add("Jaguar");
        Add("African Wildcat");
        Add("Cheetah");

        Add(new Separator());

        Add("California Newt");
        Add("Tomato Frog");
        Add("Green Tree Frog");
    }
}

这种方式简单易用，并且能保持和系统主题样式一致，是目前我知道的最好的方法了。ToobBar的Seperator也可以用这种方式生成。

到此这篇关于WPF菜单插入Seperator的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持。

相关文章