WPF的页面导航

工作中之前接触过的WPF程序一直是使用TabControl作不同页面间的切换,每个Tab负责独立的功能,清晰简捷,所以一直就没有动力研究WPF自带的页面导航。(虽然接触过使用页面导航的WPF项目,也并没有去了解,而是似懂非懂地过去了。)

直到最近做的一个项目,用的还是TabControl,但在某个Tab里面,做的任务有些复杂,导致UI在操作前后会有很大的变化。很自然的想法就是在这个Tab中使用两个view(我并没有指明是UserControl还是Page),来回切换。然而粗略地调查了一下之后觉得实现起来有点麻烦,然后这个Tab也不是特别复杂,于是就硬着头皮使用了笨方法:把所有控件都画上去,后台的ViewModel用各种属性绑定控制各个控件的隐藏、显示、以及位置。

实现的效果很好,但终究是有些不踏实。于是最近趁着项目间歇,花时间看了一下WPF的页面导航,以下是学习总结。

1. WPF自带的页面导航

网上搜到了一篇WPF Navigation的博客,讲解地很到位。《WPF编程宝典》2010版的第24章内容差不多,也讲的很全面。

WPF的页面导航其实是微软在发明了Inductive User Interface 后引入的。据说用户往往觉得web应用要比桌面应用更好用,因此桌面应用着急了,就开始学web应用了。

WPF页面导航的几个关键组件:负责导航的NavigationService,可以导航的用户界面Page,以及最常用的导航容器Frame。在上文博客中还介绍了页面的生命周期,很有意思。还有更高级的PageFunction等等,很好很强大。再回头看看以前的那个使用导航的项目,觉得看懂了好多~

2. 不使用页面导航来实现页面跳转

然而有人表示不服。她是这样说的:“我一开始也被如何搞定页面导航弄糊涂了。不过,我坚信应该让ViewModel去做一切的工作,而View只是个漂亮的界面而已。我不想在界面上弄个按钮然后带段代码来切换页面。”

她想到了一个很漂亮的方案来实现页面跳转。分别在下面两个博客里。

第一篇博客说,你只需要在你的ViewModel里面加一个Property,叫CurrentView,然后根据情况为这个属性赋上不同的ViewModel。在主界面里,用一个ContentControl来绑定CurrentView。至于如何渲染界面,则采用DataTemplate!妙哉!

第二篇博客则补充了如何在application中加入一个ApplicationViewModel,来管理不同的ViewModel的切换。

最后她还推荐去看一下WPF的消息系统,如MVVM Light’s Messenger, 或 Microsoft Prism’s EventAggregator (to broadcast ChangePage commands from any ViewModel so you wouldn’t need to find the ApplicationViewModel to execute the ChangePageCommand, however that’s for another day

是啊,that's for another day... 改天吧~

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
登录功能可以通过MVVMLight来实现。MVVMLight是一个用于WPF应用程序的轻量级MVVM框架,它提供了一套简单易用的命令、绑定和导航功能,可以帮助我们更方便地实现登录功能。 首先,我们可以在ViewModel中创建一个LoginViewModel来处理登录逻辑。在LoginViewModel中,我们可以定义用户名和密码的属性,并提供一个登录命令,当用户点击登录按钮时触发。 接下来,我们可以在View中创建一个登录页面,其中包含用户名和密码的输入框以及一个登录按钮。我们可以使用MVVMLight的Binding功能,将输入框与LoginViewModel中的属性进行绑定,以实现双向数据绑定。 当用户点击登录按钮时,MVVMLight的Command功能可以帮助我们触发LoginViewModel中的登录命令,并执行登录逻辑。在登录命令中,我们可以验证用户输入的用户名和密码,并根据验证结果进行相应的处理,比如跳转到主页面或显示错误消息等。 总结来说,使用MVVMLight可以简化WPF应用程序中的MVVM开发,包括登录功能的实现。需要注意的是,我们需要下载并编译MVVMLight库,并按照文档中的说明来使用它来搭建MVVM设计框架。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [MVVMLight页面跳转WPF](https://download.csdn.net/download/nowaycw/10638125)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [WPF MVVMLight框架使用源码,可运行看效果](https://download.csdn.net/download/Hylunhe/12048470)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值