C#在.NET MAUI中的導航與頁面管理

在.NET MAUI中，導航和頁面管理是應用程序的核心功能之一。以下是在.NET MAUI中進行導航和頁面管理的一些關鍵步驟：

1. 創建一個新的.NET MAUI項目：首先，你需要使用Visual Studio或Visual Studio Code創建一個新的.NET MAUI項目。

2. 添加所需的頁面：在項目中添加所需的頁面，例如MainPage、SecondPage等。你可以通過在解決方案資源管理器中右鍵單擊項目，然后選擇“添加”->“新頁面”來添加新頁面。

3. 配置導航器：在App.xaml文件中，配置一個NavigationView控件，用于顯示應用程序的導航菜單。你需要為每個頁面創建一個NavigationItem，并將其添加到NavigationView的Items列表中。

<NavigationView x:Name="navView"
               IsSettingsVisible="False"
               SelectionChanged="navView_SelectionChanged">
    <Grid>
        <NavigationViewItem Content="Home"
                          Icon="house"
                          TargetPage="homePage" />
        <NavigationViewItem Content="About"
                          Icon="information"
                          TargetPage="aboutPage" />
    </Grid>
</NavigationView>

4. 在MainPage.xaml文件中，添加一個NavigationView控件，并將其與App.xaml中的NavigationView控件關聯。

<NavigationView x:Name="navView"
               IsSettingsVisible="False"
               SelectionChanged="navView_SelectionChanged">
    <Grid>
        <NavigationViewItem Content="Home"
                          Icon="house"
                          TargetPage="homePage" />
        <NavigationViewItem Content="About"
                          Icon="information"
                          TargetPage="aboutPage" />
    </Grid>
</NavigationView>

5. 在MainPage.xaml.cs文件中，處理NavigationView的SelectionChanged事件。在此事件中，你可以獲取所選頁面的類型，并使用Microsoft.Maui.Essentials.App.Current.Navigation.NavigateTo方法進行導航。

private void navView_SelectionChanged(object sender, NavigationViewSelectionChangedEventArgs e)
{
    if (e.SelectedItem is NavigationViewItem item)
    {
        switch (item.Content)
        {
            case "Home":
                App.Current.Navigation.NavigateTo(typeof(homePage));
                break;
            case "About":
                App.Current.Navigation.NavigateTo(typeof(aboutPage));
                break;
        }
    }
}

6. 在其他頁面中，你可以使用相同的NavigationView控件進行導航。例如，在SecondPage.xaml.cs文件中，你可以添加以下代碼：

private void navView_SelectionChanged(object sender, NavigationViewSelectionChangedEventArgs e)
{
    if (e.SelectedItem is NavigationViewItem item)
    {
        switch (item.Content)
        {
            case "Home":
                App.Current.Navigation.NavigateTo(typeof(homePage));
                break;
            case "About":
                App.Current.Navigation.NavigateTo(typeof(aboutPage));
                break;
        }
    }
}

7. 若要返回上一個頁面，可以使用Microsoft.Maui.Essentials.App.Current.Navigation.GoBack方法。

private void goBackButton_Clicked(object sender, EventArgs e)
{
    App.Current.Navigation.GoBack();
}

8. 若要在導航過程中傳遞參數，可以在NavigateTo方法中添加一個參數。例如，在MainPage.xaml.cs文件中，你可以添加以下代碼以將一個字符串參數傳遞給SecondPage：

private void navigateToSecondPageButton_Clicked(object sender, EventArgs e)
{
    App.Current.Navigation.NavigateTo(typeof(secondPage), "Hello from MainPage");
}

在SecondPage.xaml.cs文件中，你可以使用OnNavigatedTo方法獲取傳遞的參數：

protected override void OnNavigatedTo(NavigationEventArgs args)
{
    base.OnNavigatedTo(args);

    if (args.Parameter is string message)
    {
        // Do something with the message
    }
}