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());
    }

}
相关推荐
happyprince1 小时前
01_verl-项目概览与架构总览
架构·wpf
Chris _data3 小时前
# WPF 学习记录( 第二天)
学习·wpf
myenjoy_11 天前
大规模采集架构——从单台网关到千点集群
架构·wpf
Chris _data1 天前
c#学习WPF笔记(一)
学习·c#·wpf
FuckPatience2 天前
WPF 自定义容器控件的布局
wpf
逆境不可逃2 天前
深入理解 SingleFlight:从单机到分布式的请求合并方案全解析
分布式·wpf
TDengine (老段)2 天前
TDengine 逻辑计划生成 — 从 AST 到关系代数算子树
大数据·数据库·物联网·wpf·时序数据库·tdengine·涛思数据
小二·3 天前
微服务架构设计与实践
微服务·架构·wpf
暖馒3 天前
WPF-Prism学习入门步骤记录
学习·wpf
baivfhpwxf20233 天前
雷赛(Leadshine)EtherCAT 数字 I/O 模块(如 EMC-E5064-8)的状态指示灯(I/O 状态)说明
c#·wpf