2016 - 2024

感恩一路有你

使用SplitView控件制作多页面导航

浏览量:4843 时间:2024-08-10 20:08:41 作者:采采

在UWP开发中,如果需要在应用程序中使用多个页面导航,可以使用SplitView控件。本经验将介绍如何使用SplitView控件进行多页面导航,并为您提供详细步骤和示例代码。

第一步:设置SplitView控件

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

1. 设置SplitView控件

```xaml

<>

<>

<>

<>

```

其中,SplitView控件的属性IsPaneOpen设置为True,表示默认情况下左侧的导航菜单是打开状态;DisplayMode属性设置为Inline,则表示导航菜单显示在主内容区域的左侧。

第二步:创建多个页面

要导航多个页面,首先需要创建这些页面。在当前项目中添加Xaml空白页,并按照需要对页面进行设计。例如,我们创建了两个工具页面:

2. 创建多个页面

ToolPage1.xaml页面代码如下:

```xaml

```

ToolPage2.xaml页面代码如下:

```xaml