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