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

最新推荐文章于 2025-03-22 11:31:53 发布
最新推荐文章于 2025-03-22 11:31:53 发布
阅读量606 收藏
点赞数
分类专栏： WPF实战学习笔记 文章标签： 学习 笔记 wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xinzhiya001/article/details/131895968
版权
文章介绍了如何设计首页导航条，特别是利用MaterialDesignToolkit.Full解决方案中的Demo代码。主要元素包括Grid、DialogHost（用于弹出通知）、DrawerHost（内容容器）和DrawerHost.LeftDrawerContent（左侧弹出栏），以及ColorZone（窗口选项和账户图标位置）和ContentControl（展示主要内容）。事件处理通过绑定实现，不需要额外的命令结构。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

设计首页导航条

设计首页

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

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

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

后台事件

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

WPF实战项目五：首页设计
yigu4011的博客
07-13 1053
2、编写IndexViewModel.cs，继承BindableBase，新增ObservableCollection TaskBars列表属性，初始化列表数据（7、在IndexViewModel.cs当中增加初始化待办事项、备忘录的测试数据，后续会通过api接口传到前台。6、新建MemoDto.cs、ToDoDto.cs类继承BaseDto.cs。4、设置MainView.xaml的字体为微软雅黑。
浅谈WPF页间导航
weixin_34387284的博客
12-27 296
使用导航的目的是从一个页面进入到另一个页面。无论是预先决定的线性顺序（向导）还是基于层次的用户驱动程序（大部分网站的形式），或者动态生成的路径，主要有3种方法实现：调用Navigate方法，使用Hyperlinks，使用导航日志。 Navigate方法： 导航容器支持Navigate方法，它允许改变当前页，可以用目标页的示例： View Code 1 ...
Materialdesign DrawerHost遮罩层控制
最新发布
m0_64798263的博客
03-22 199
但是后面想了一下，实现这个需求只需要使用两个DraweHost，左抽屉单独新建一个DrawerHost，并且让这个抽屉与要操作的控件处于并列关系就可以了，这次留个档，可能下次会用到。)的DrawerHost遮罩层是打开抽屉以后背景模糊遮挡，不允许点击除抽屉以外控件的一个罩子，在原生框架里是没有开放出来给我们控制的（只有背景颜色可控），于是要控制这个罩子，就得使用自定义样式。这些代码的作用时当鼠标点击抽屉以外的区域时抽屉关闭的逻辑。然后使用事件委托的方式就可以在左抽屉打开的时候调用此函数。
WPF的页面导航
xinlmain的博客
10-25 2635
工作中之前接触过的WPF程序一直是使用TabControl作不同页面间的切换，每个Tab负责独立的功能，清晰简捷，所以一直就没有动力研究WPF自带的页面导航。（虽然接触过使用页面导航的WPF项目，也并没有去了解，而是似懂非懂地过去了。） 直到最近做的一个项目，用的还是TabControl，但在某个Tab里面，做的任务有些复杂，导致UI在操作前后会有很大的变化。很自然的想法就是在这个Tab中使用两
WPF 页面导航
david9779的博客
11-27 196
<Button x:Name="btnReset" Click="btnReset_Click" Content="重 置" Grid.Row="4" Grid.Column="3" FontSize="30" HorizontalAlignment="Center"/> private void btnReset_Click(object sender...
WPF界面设计技巧（11）-认知流文档 & 小议WPF的野心
weixin_34396103的博客
08-12 546
    流文档是WPF中的一种独特的文档承载格式，它的书写和呈现方式都很像HTML，它也几乎具备了HTML的绝大多数优势，并提供了更强的编程支持及对WPF其他元素的兼容。   直接来看代码吧，需要讲解的地方比较多，我就直接注释在代码里了，看起来更方便些：     Code &lt;Window x:Class="流文档.Window1"     xmlns="http://s...
WPF实战学习笔记04-菜单导航
xinzhiya001的博客
07-24 1210
/定义Nanme变量。
WPF实战学习笔记20-设置首页启动页
xinzhiya001的博客
07-25 810
App.xmal.cs 重写OnInitialized方法。删除 CreatMenuBar();
WPF实战学习笔记31-登录界面全局通知
xinzhiya001的博客
07-31 1035
修改文件：Mytodo.ViewModels.LoginViewModel.cs。文件：Mytodo.Views.LoginView.cs构造函数添加内容。
WPF实战学习笔记28-登录界面
xinzhiya001的博客
07-29 835
添加文件loginview.xaml。注意本界面使用的是md内的图标。添加文件Mytodo.ViewModels.LoginViewModel.cs。修改文件：App.xmal.cs。
通用WPF主题控件包rubyer-wpf-master
12-20
通用WPF主题控件包rubyer-wpf-master是一款专为Windows Presentation Foundation (WPF) 应用程序设计的开源UI框架。它提供了丰富的主题和控件，旨在帮助开发者快速构建美观且用户友好的应用程序界面。在2.0.0版本中...
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之间的导航功能实例
WPF Page导航（页面跳转+传参）
SJ15630070060的博客
10-30 2665
很多时候我们都需要使用 NavigationService 代替 Hyperlink.NavigateUri，比如非默认构造的 Page，动态确定目标页面等等。我们可以使用 Page.NavigationService 或者 NavigationService.GetNavigationService() 获得 NavigationService 的实例引用。页面跳转（Hyperlink，NavigationService），返回上一页，刷新当前页。默认是引用这的，既然是做笔记所以就写进去了。
wpf页面和导航
不是我的博客
02-14 4744
要在wpf中创建基于页面的应用程序，不能使用window类作为用户界面的顶级容器，而需要使用System.Windows.Controls.Page类 page的容器为NavigationWindow， 获取NavigationWinow对象的引用：NavigationWindow _navigationWindow=(NavigationWindow)Window.GetWindow(thi
wpf学习笔记--页面导航
qq_42434073的博客
08-24 535
wpf学习笔记--页面导航
WPF实战项目二：设计首页导航条
yigu4011的博客
07-11 2041
通过MaterialDesignThemes的github地址，下载代码，将导航条代码复制到MainWindow.xaml中。添加三个按钮最小化、最大化、关闭，添加头像，设置头像为圆角显示，总体代码如下。设置materialDesign的 x:Name="ColorZone"设置三个按钮的点击事件和拖动导航栏、双击导航栏的点击事件。在解决方案窗体下添加图片文件夹，添加头像图片。添加代码到
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值