WPF —— Menu数据绑定实例

{Binding} 因为我们操作这个集合对象,而不是集中某个对象,所以直接写{Binding}就行

如果绑定是list集合的某个对象属性时候,需要{bindingvpath = 属性名}

XML 复制代码
<Menu x:Name="m1" ItemsSource="{Binding}">
    
</Menu>

树形数据模板 : 分层数据模板,主要是用于MenuItem和TreeViewItem控件上

DATaType属性,指定控件中使用的模型类

ItemsSource 树形控件使用的的数据源,下一层的数据源

树形标签的内容区域对象的属性

1.1 定义模型类,一个属性是菜单标题属性,另外一个属性是保存子菜单对象集合

* 定义构造函数,在构造函数进行判断如果有父级的菜单,把当前对象添加到父级菜单list属性里面,

树型模型的定义 menu的标题定义

// 整个对象需要放进一个list集合中里面SubMenus属性保存的子集的菜单

cs 复制代码
public class MenuInfo
{
    // 一级菜单标题使用字符串进行
    public string MenuName { get; set; } // 存储的是首页娱乐 军事 等一级标题
    
    // 子集菜单标题
    public List<MenuInfo> SubMenus { get; set; }

    public MenuInfo(string m1,MenuInfo?parMenu)
    {
        MenuName = m1;
        if (parMenu != null)
        {
            // 不等于空的前提是 new MenuInfo("首页",MenuInfo)
            // 如果new MenuInfo("首页",MenuInfo) 证明没有子集菜单
            // 如果他的父级菜单是否有子集菜单,如果有直接加进去 如果没有新建一个空的集合
            List<MenuInfo> list = parMenu.SubMenus ?? new List<MenuInfo>();
            list.Add(this);
            parMenu.SubMenus = list;
        }
    }

}

1.2 给Menu标签绑定list集合 注意创建对象时候 第二参数传递是父级菜单对象

cs 复制代码
首页的数据源 不要求有子集菜单
            MenuInfo houmCaiDan = new MenuInfo("首页", null);

            //军事的一级菜单
            MenuInfo junshiCaiDan = new MenuInfo("军事",null);
            //军事的二级菜单
            MenuInfo junshiCaiDan_1 = new MenuInfo("军事1", junshiCaiDan);
           
            zongList.Add(houmCaiDan);
            zongList.Add(junshiCaiDan);

1.3 找到menu设置dataContext

this.m1.DataContext = zongList;

1.4 添加HierarchicalDataTemplate模版 ,绑定数据是总的list的某个对象下的Submens子菜单集合,(绑定的是子集菜单对象集合)

XML 复制代码
<HierarchicalDataTemplate DataType="{x:Type et:MenuInfo}"
    ItemsSource="{Binding Path=SubMenus}">
    <TextBlock Text="{Binding Path=MenuName}" MouseDown="f1"></TextBlock>
</HierarchicalDataTemplate>

1.5 添加textblock 绑定子集菜单标题

cs 复制代码
private void f1(object sender, MouseButtonEventArgs e)
{
    // MessageBox.Show(((TextBlock)sender).Text.ToString());
    string name = ((TextBlock)sender).Text.ToString();
    if (name == "首页")
    {
        this.f2.Navigate(new Home());
    }
    else if (name == "娱乐")
    {
        this.f2.Navigate(new YuLe());
    }
    else if (name == "军事1")
    {
        MessageBox.Show(name);
    }
    else if (name == "俄罗斯恐怖袭击事件")
    {
        this.f2.Navigate(new ELuosi());
    }

}
相关推荐
国服第二切图仔13 小时前
HarmonyOS APP《画伴梦工厂》开发第60篇-分布式软总线2.0——多设备协同新范式
分布式·wpf·harmonyos
精神底层19 小时前
拒绝 UI 卡死!我用 CSnakes 实时拦截 Python 训练流,在 WPF 中重构了 ScottPlot 5 高性能 AI 看板
python·ui·wpf
爱吃大芒果19 小时前
不用多设备模拟器跑通 ShareKit 碰一碰分享
华为·wpf·harmonyos
贪玩的小松鼠2 天前
WPF基础到企业应用系列7——深入剖析依赖属性(WPF/Silverlight核
wpf
界面开发小八哥2 天前
界面控件DevExpress WPF v26.1新版亮点 - TreeView、Spreadsheet控件功能升级
.net·wpf·界面控件·devexpress·ui开发
斯文的八宝粥3 天前
WPF企业内训全程实录(下)
大数据·hadoop·wpf
精明的身影5 天前
深入WPF -- Dispatcher(补)
wpf
云中飞鸿6 天前
该如何进行WPF界面设计
wpf
云中飞鸿7 天前
WPF分哪几块
wpf
newbe365247 天前
我们如何使用 impeccable 优化前端界面设计与实现稳定性
前端·人工智能·分布式·github·aigc·wpf