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编码字符串
  • 智慧办公系统方案开发
  • 热门搜索
    摄像头怎么打开 健康的减肥食谱 离合器怎么踩 魔女之泉3攻略 对公司的建议怎么写 小肚子减肥 21天减肥法成功案例 下眼袋浮肿怎么办 降脂减肥片 怪物猎人p3攻略