网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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制作多页面导航
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com