簡介

已完成

規劃應用程式架構的一部分是決定使用者如何在頁面之間移動。 使用者是否應該在一連串的頁面中向前和向後移動? 您的應用程式是否有一個起始頁面,或者有數個同等重要的最上層頁面? 您選擇的瀏覽方式必須適用於您的應用程式內容。 也應適用於您針對的每個平台。

假設您要使用 .NET MAUI 為天文館撰寫應用程式。 您希望藉由呈現與日常生活相關的天文事實和概念,來引起大眾對天文學的興趣。 應用程式的頁面應該涵蓋日出、日落、月相、天文體,以及一個「關於」頁面。 您的工作是為這些頁面設計並實作直覺式瀏覽模式。

在此課程模組中,您會了解如何使用索引標籤式頁面來實作在多個頁面上呈現資料的應用程式。 您將了解此瀏覽模式的適用時機,以及如何自訂索引標籤式頁面的行為。 您也會了解如何將索引標籤式頁面與使用瀏覽堆疊的瀏覽頁面合併。

學習目標

在本課程模組中,您將了解如何:

  • 使用 .NET MAUI Shell 實作飛出視窗瀏覽。
  • 使用 .NET MAUI Shell 實作索引標籤瀏覽。
  • 在索引標籤式頁面內的頁面之間瀏覽。

必要條件

  • 已安裝 .NET MAUI 工作負載的 Visual Studio 2022
  • 選擇性:已安裝 .NET MAUI 延伸模組的 Visual Studio Code 和已安裝 .NET MAUI 工作負載的 .NET SDK
  • 熟悉 C# 和 .NET

.NET MAUI 開發的需求

若要使用 .NET 8 建立 .NET MAUI 應用程式,您必須安裝 已安裝下列工作負載的 Visual Studio 17.8 版或更新版本:

  • .NET Multi-Platform App UI 開發

此外,如果您想要建置 .NET MAUI Blazor 應用程式,您必須安裝 ASP.NET 和 Web 開發工作負載。

如需設定的逐步解說,請參閱本文

使用 Visual Studio Code 的開發

如果您要在 macOS 或 Linux 上進行開發,則需要安裝 Visual Studio Code.NET MAUI 延伸模組,以及 .NET SDK 和 .NET MAUI 工作負載。 如需設定的逐步解說,請參閱本文