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

}
相关推荐
yanaiding14 小时前
C# WPF 独立开发看图工具 PixSight 经验介绍(二)—— 水印模块开发实录
图像处理·c#·wpf·个人开发
我是苏苏3 天前
WPF开发01:基础控件及常用模板篇
开发语言·c#·html·wpf
dalong104 天前
WPF:3D顶点共享与法线设置对光照效果的影响
3d·wpf
柔蘭4 天前
WPF中的CommunityToolkit.Mvvm框架
wpf
aGdF8E3gQ5 天前
【Application Insights】采样率对Function App日志收集的影响和解决方法
python·flask·wpf
程序员-Benothing5 天前
如何实现高并发系统订单30分钟自动关闭?
开发语言·c#·wpf
一水6 天前
Redis实战:一个AI工作流系统里的五个应用场景,从传参到限流的完整链路
数据库·redis·wpf
dalong106 天前
WPF:3D甜甜圈
3d·c#·wpf·甜甜圈
别催小唐敲代码6 天前
ROS2从入门到实战:去中心化机器人操作系统详解
wpf·ros2
脚踏实地皮皮晨7 天前
003006001_WrapPanel控件
开发语言·c#·.net·wpf·visual studio