使用SplitView控件制作多頁(yè)面導(dǎo)航
在UWP開發(fā)中,如果需要在應(yīng)用程序中使用多個(gè)頁(yè)面導(dǎo)航,可以使用SplitView控件。本經(jīng)驗(yàn)將介紹如何使用SplitView控件進(jìn)行多頁(yè)面導(dǎo)航,并為您提供詳細(xì)步驟和示例代碼。第一步:設(shè)置SplitVi
在UWP開發(fā)中,如果需要在應(yīng)用程序中使用多個(gè)頁(yè)面導(dǎo)航,可以使用SplitView控件。本經(jīng)驗(yàn)將介紹如何使用SplitView控件進(jìn)行多頁(yè)面導(dǎo)航,并為您提供詳細(xì)步驟和示例代碼。
第一步:設(shè)置SplitView控件
在MainPage.xaml主頁(yè)面的代碼中,根Grid內(nèi)放有一個(gè)SplitView控件,并將其Content設(shè)置為一個(gè)Frame控件(用于導(dǎo)航頁(yè)面)。
1. 設(shè)置SplitView控件
```xaml
<>
<>
<>
<>
```
其中,SplitView控件的屬性IsPaneOpen設(shè)置為True,表示默認(rèn)情況下左側(cè)的導(dǎo)航菜單是打開狀態(tài);DisplayMode屬性設(shè)置為Inline,則表示導(dǎo)航菜單顯示在主內(nèi)容區(qū)域的左側(cè)。
第二步:創(chuàng)建多個(gè)頁(yè)面
要導(dǎo)航多個(gè)頁(yè)面,首先需要?jiǎng)?chuàng)建這些頁(yè)面。在當(dāng)前項(xiàng)目中添加X(jué)aml空白頁(yè),并按照需要對(duì)頁(yè)面進(jìn)行設(shè)計(jì)。例如,我們創(chuàng)建了兩個(gè)工具頁(yè)面:
2. 創(chuàng)建多個(gè)頁(yè)面
ToolPage1.xaml頁(yè)面代碼如下:
```xaml
```
ToolPage2.xaml頁(yè)面代碼如下:
```xaml
```
第三步:設(shè)置導(dǎo)航菜單
在SplitView控件左側(cè)Pane中添加導(dǎo)航菜單按鈕,并為這些按鈕添加Click事件處理函數(shù)。在這些處理函數(shù)中,使用Frame控件的Navigate(頁(yè)面類型)成員函數(shù)進(jìn)行頁(yè)面導(dǎo)航。
3. 設(shè)置導(dǎo)航菜單
```xaml
<>
<>
```
```csharp
private void ToolPage1_Click(object sender, RoutedEventArgs e)
{
(typeof(ToolPage1));
}
private void ToolPage2_Click(object sender, RoutedEventArgs e)
{
(typeof(ToolPage2));
}
```
以上就是使用SplitView控件進(jìn)行多頁(yè)面導(dǎo)航的全部過(guò)程。通過(guò)以上步驟,我們可以輕松地在應(yīng)用程序中實(shí)現(xiàn)多個(gè)頁(yè)面的導(dǎo)航。另外,請(qǐng)注意高版本win10sdk原生支持NavigationView,不必使用此方法。