「页面切换」WPF控件库:Newbeecoder.UI 页面切换

21 篇文章 8 订阅
4 篇文章 0 订阅
本文探讨了在WPF中实现页面导航的方法,包括使用NavigationWindow和Frame控件。详细介绍了如何在MVVM模式下加载不同视图,实现导航视图模型,以及控制活动视图的数量。同时,提到了Newbeecoder.UI控件库,该库提供了页面切换动画效果。文章还提供了Demo下载链接以供实际操作。
摘要由CSDN通过智能技术生成

页面旨在用于导航应用程序(通常带有后退和前进按钮)。页面切换必须托管在 NavigationWindow 或 Frame 中。

Window窗体只是普通的WPF应用程序Window,但可以通过 Frame 容器托管 Pages页面可用于XAML 浏览器应用程序,您也可以使用 Frame 控件将它们加载到您自己的应用程序中,或者您可以使用NavigationWindow并创建类似浏览器的应用程序。

在WPF程序中实现导航要解决以下问题:

1)如何使用 MVVM 模式在主视图上加载不同的视图?

2)如何实现导航视图模型?

3) 如何控制打开或活动视图的最大数量?

4) 如何在打开的视图之间切换?

有两种方式实现面页切换效果,分别用NavigationWindow或Frame控件。

第一种方式使用NavigationWindow窗口加载Page页面,NavigationWindow类是从Window类派生而来的,因此它继承了Window的所有属性,例如方法、属性和事件。导航窗口提供后退和前进按钮,用于导航到我们之前访问过或尚未访问过的页面。

要创建基于导航窗口的应用程序,重写NavigationWindow类,在类中添加标题栏高度、窗体圆角、拖动大小边框宽度、边框阴影宽度等依赖属性。

接下来自定义NavigationWindow样式。

在Newbeecoder.UI控件库中样式就封装好了,用实例来演示如何用NavigationWindow加载页面和切换。

第二种方式用Frame 容器托管 Pages页面。

在MainWindow的XAML 代码创建 Frame 控件并设置其 Content属性以在其中加载 XAML 页面。Newbeecoder.UI控件库的NbFrame添加AnimationMode实现页面切换动画效果。

下面通过视频演示UI控件库功能和代码:

C# WPF新版开源控件库:Newbeecoder.UI

Demo下载地址:

Newbeecoder.UI控件库Demo下载icon-default.png?t=M1L8https://share.weiyun.com/py6W1dcK

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值