WPF实战学习笔记02-设计首页导航条

最新推荐文章于 2025-09-09 15:14:31 发布
原创 最新推荐文章于 2025-09-09 15:14:31 发布 · 717 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#学习 #笔记 #wpf

文章介绍了如何设计首页导航条，特别是利用MaterialDesignToolkit.Full解决方案中的Demo代码。主要元素包括Grid、DialogHost（用于弹出通知）、DrawerHost（内容容器）和DrawerHost.LeftDrawerContent（左侧弹出栏），以及ColorZone（窗口选项和账户图标位置）和ContentControl（展示主要内容）。事件处理通过绑定实现，不需要额外的命令结构。

设计首页导航条

设计首页

直接去md的demo找代码，打开MaterialDesignToolkit.Full解决方案，找demo程序启动即可。

另外删掉不重要的即可，需要说明的整个首页的架构应为

  • grid
    • materialDesign:DialogHost(后面弹出通知框会用到)
      • materialDesign:DrawerHost（主要是作为下面内容的容器）
        • materialDesign:DrawerHost.LeftDrawerContent （这个是左侧的弹出栏，是否弹出由上一级的IsLeftDrawerOpen属性决定）
        • grid(这个才是我们看到的主要区域)
          • materialDesign:ColorZone（我们放置窗口选项、账户图标、左侧弹出栏按钮的地方）
          • ContentControl（我们后续内容都会放到这个区域来）

后台事件

使用事件绑定即可，无需使用命令。

3.1.1 MaterialDesign中DrawerHost使用案例
qq_34047402的博客
04-22 455
DrawerHost 是 MaterialDesignInXAML Toolkit 中实现 Material Design 侧边抽屉导航的控件
操作系统领域中鸿蒙应用的分布式监控系统设计
操作系统内核探秘的博客
07-06 660
随着智能家居、车联网、工业物联网的普及，单一设备的监控已无法满足需求：一个智能家庭可能有10+设备协同，工厂产线涉及成百上千传感器。传统监控系统（如单服务器采集数据）存在“响应慢、易瓶颈、扩展性差”的问题。鸿蒙OS的“分布式”特性（设备即插即用、资源共享）恰好能解决这些痛点。本文聚焦鸿蒙生态下的跨设备分布式监控系统设计，覆盖技术原理、开发实战与场景落地。本文从“为什么需要分布式监控”切入，用“小区快递站”类比鸿蒙分布式技术；接着拆解核心概念（软总线、原子化服务等），用生活案例解释技术原理；
WPF页面导航与动画效果实战演示
最新发布
weixin_27645199的博客
09-09 1046
WPF（Windows Presentation Foundation）动画系统是其用户界面交互设计的重要组成部分。它不仅支持丰富的动画效果，还提供了高度可定制的动画控制方式。本章将从动画系统的基础知识入手，深入讲解Storyboard和DoubleAnimation的核心机制，并进一步探讨如何在XAML中定义和管理动画资源。通过本章内容，读者将掌握WPF动画的基本构建方式及其资源组织策略，为后续页面切换动画的实现奠定坚实基础。
WPF MaterialDesign 初学项目实战（4）侧边栏路由管理
qq_44695769的博客
05-16 1960
虽然我们这里只有一个路由类，但是我们为了以后路由管理的方便，我们这里添加一个新的路由类。Microsoft.Xaml.Behaviors.Wpf，这个包用于添加按钮事件。，里面使用的是prism自动绑定，这里我们使用App.xmal里面的强制绑定。在基本页面设置好了之后，我们就要开始尝试跳转路由了。在MainView.cs里面添加事件。然后每个文件添加文本，用于区分。这里没看懂的多看看原视频教程。在MainView里面。
Materialdesign DrawerHost遮罩层控制
m0_64798263的博客
03-22 373
但是后面想了一下，实现这个需求只需要使用两个DraweHost，左抽屉单独新建一个DrawerHost，并且让这个抽屉与要操作的控件处于并列关系就可以了，这次留个档，可能下次会用到。)的DrawerHost遮罩层是打开抽屉以后背景模糊遮挡，不允许点击除抽屉以外控件的一个罩子，在原生框架里是没有开放出来给我们控制的（只有背景颜色可控），于是要控制这个罩子，就得使用自定义样式。这些代码的作用时当鼠标点击抽屉以外的区域时抽屉关闭的逻辑。然后使用事件委托的方式就可以在左抽屉打开的时候调用此函数。
浅谈WPF页间导航
weixin_34387284的博客
12-27 340
使用导航的目的是从一个页面进入到另一个页面。无论是预先决定的线性顺序（向导）还是基于层次的用户驱动程序（大部分网站的形式），或者动态生成的路径，主要有3种方法实现：调用Navigate方法，使用Hyperlinks，使用导航日志。 Navigate方法： 导航容器支持Navigate方法，它允许改变当前页，可以用目标页的示例： View Code 1 ...
WPF的页面导航
xinlmain的博客
10-25 2772
工作中之前接触过的WPF程序一直是使用TabControl作不同页面间的切换，每个Tab负责独立的功能，清晰简捷，所以一直就没有动力研究WPF自带的页面导航。（虽然接触过使用页面导航的WPF项目，也并没有去了解，而是似懂非懂地过去了。） 直到最近做的一个项目，用的还是TabControl，但在某个Tab里面，做的任务有些复杂，导致UI在操作前后会有很大的变化。很自然的想法就是在这个Tab中使用两
WPF 页面导航
david9779的博客
11-27 221
<Button x:Name="btnReset" Click="btnReset_Click" Content="重 置" Grid.Row="4" Grid.Column="3" FontSize="30" HorizontalAlignment="Center"/> private void btnReset_Click(object sender...
Vue快速入门学习笔记(更新ing)
喜欢前端的后端 MelodyJerry
11-15 4935
原在博客园发布，先同步到优快云：https://www.cnblogs.com/melodyjerry/p/13768594.html 本笔记综合了视频狂神说的Vue快速上手和菜鸟教程、优快云等博客文章，以及个人的一些学习见解与体会。 由于是为了团队需要而快速入门，HTML、CSS、JS、Vue等基础均不全，故本笔记仅供参考学习使用。 Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据 网络通信 ： axios.
【C#网络编程教程】：创建支持文本共享的网络记事本（实战演练）
随后，文章详细阐述了网络记事本的架构设计，包括客户端和服务器端的设计要点、数据传输协议的设计以及安全性考量。在此基础上，本文进一步探讨了实现文本共享功能的客户端和服务器端的具体实现，如文本共享协议、...
WPF首页框架（仿extjs左菜单、联动Tab主页）
02-13
1整体项目基于WPF的MVVM框架，分为上左中三部分，可伸缩； 2仿Extjs的左菜单，可动态绑定数据集，采用fontawesome作为图片； 3左菜单联动的中间部分的Tab控件，Tab页可关闭。 补充：该项目用vs2012运行。 准备修改积分的，原代码找不到了，麻烦管理员将这个资源删除，谢谢！
WPF页面导航例子
12-05
WPF 页面导航开发
WPF MVVM Page 页面导航实例
11-28
WPF MVVM Page 页面导航实例，参照网上实例，手写实现，详细可以查看我的博客。 WPF MVVM Page 页面导航实例，参照网上实例，手写实现，详细可以查看我的博客。
WPF多页面Page导航实例
03-21
这是一个通过WPF Frame控件实现多个Page之间的导航功能实例
n3k配置vpc是否还需要配置hsrp_VPC配置介绍
weixin_33443932的博客
12-24 805
VPC(Virtual Port-Channel)是Cisco Nexus系列交换机中的一个特性。它支持一个跨机箱的二层Port-Channel。对于第三方设备来说(交换机或服务器)物理上是连接到了两台交换机，但逻辑上是一台交换机。VPC的优势：1.消除STP阻塞端口；2.使用所有可用的链路带宽；3.允许服务器双主上连；4.当链路或设备失效后提供了快速的收敛；5.为服务器提供了双active的网关...
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
WPF实战项目五：首页设计
yigu4011的博客
07-13 1153
2、编写IndexViewModel.cs，继承BindableBase，新增ObservableCollection TaskBars列表属性，初始化列表数据（7、在IndexViewModel.cs当中增加初始化待办事项、备忘录的测试数据，后续会通过api接口传到前台。6、新建MemoDto.cs、ToDoDto.cs类继承BaseDto.cs。4、设置MainView.xaml的字体为微软雅黑。
WPF实战项目二：设计首页导航条
yigu4011的博客
07-11 2206
通过MaterialDesignThemes的github地址，下载代码，将导航条代码复制到MainWindow.xaml中。添加三个按钮最小化、最大化、关闭，添加头像，设置头像为圆角显示，总体代码如下。设置materialDesign的 x:Name="ColorZone"设置三个按钮的点击事件和拖动导航栏、双击导航栏的点击事件。在解决方案窗体下添加图片文件夹，添加头像图片。添加代码到
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值