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

 时间:2024-10-13 12:12:26

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编码字符串
  • 智慧办公系统方案开发
  • 热门搜索
    臭鳜鱼做法 鲫鱼的做法 台湾卤肉饭的做法 煎饼果子薄脆的做法 西湖醋鱼的做法 龙虾尾的做法 炒板栗的做法 拉皮的做法 麻酱烧饼的做法 咸鸭蛋的做法