UWP如何使用SplitView制作多页面导航?

 时间:2026-02-16 17:18:54

1、首先,在MainPage.xaml主页面的代码中,根Grid内放有一个SplitView,设置其Content为一个Frame控件(用来导航页面)。

UWP如何使用SplitView制作多页面导航?

2、SplitView控件的各项属性设置如图所示,IsPaneOpen="True",DisplayMode="Inline"

UWP如何使用SplitView制作多页面导航?

3、要导航多页面,首先要新建一些页面。如图,给当前项目添加Xaml空白页。

UWP如何使用SplitView制作多页面导航?

4、如图,是添加的ToolPage1.xaml,蓝色渐变背景,中间有一个TextBlock显示一行文字。

UWP如何使用SplitView制作多页面导航?

5、如图是添加的ToolPage2.xaml,紫色渐变背景,在中间放了一个按钮Button。

UWP如何使用SplitView制作多页面导航?

6、接着,给SplitView左侧Pane中的按钮(点击用于导航)添加Click处理函数,使用Frame控件的Navigate(页面类型)成员函数进行导航。

UWP如何使用SplitView制作多页面导航?

  • 如何让Linux Deepin 运行Windows系统及程序
  • 开启/关闭Windows 7中的TCP/IP半开连接数限制
  • win7安装教程(绝对正版)
  • mysql FROM_BASE64函数解码base64编码字符串
  • 智慧办公系统方案开发
  • 热门搜索
    future是什么意思 我的世界墨囊有什么用 观望的意思 内部审计的作用 什么运动对肾好 梦见狗咬我是什么意思 eco是什么意思 什么是电话销售 神机妙算的意思 买药上什么网