.NET MAUI Shell 概觀

Browse sample. 流覽範例

.NET 多平台應用程式 UI (.NET MAUI) 殼層提供大多數應用程式需要的基本功能,以降低應用程式開發的複雜度,包括:

  • 用來描述應用程式視覺階層的單一位置。
  • 常見的瀏覽使用者體驗。
  • 允許瀏覽至應用程式中任何頁面的 URI 型瀏覽配置。
  • 整合式搜尋處理常式。

應用程式視覺階層

在 .NET MAUI Shell 應用程式中,應用程式的視覺階層會在子類別 Shell 化類別中描述。 這個類別可以包含三個主要階層式物件:

  1. FlyoutItemTabBarFlyoutItem 代表飛出視窗中的一或多個項目,而且應該在應用程式的瀏覽模式需要飛出視窗時使用。 TabBar 代表底部的索引標籤列,而且應該在應用程式的瀏覽模式從底部索引標籤開始,並且不需要飛出視窗時使用。 如需飛出視窗項目的詳細資訊,請參閱 .NET MAUI Shell 飛出視窗。 如需 Tab 列的詳細資訊,請參閱 .NET MAUI Shell 索引標籤
  2. Tab 代表分組內容,可透過底部索引標籤導覽。 如需詳細資訊,請參閱 .NET MAUI Shell 索引標籤
  3. ShellContent,表示 ContentPage 每個索引標籤的物件。如需詳細資訊,請參閱 .NET MAUI 殼層頁面

這些物件並不代表任何使用者介面,而是應用程式視覺階層的組織。 殼層會採用這些物件,並產生內容的瀏覽使用者介面。

注意

頁面會在 Shell 應用程式中視需要建立,以響應流覽。

如需詳細資訊,請參閱 建立 .NET MAUI Shell 應用程式

.NET MAUI Shell 提供的瀏覽體驗是以飛出視窗和索引標籤為基礎。 Shell 應用程式中的最上層導覽是飛出視窗或底部索引標籤,視應用程式的流覽需求而定。 下列範例顯示瀏覽最上層是飛出視窗的應用程式:

Screenshot of a Shell flyout.

在此範例中,某些飛出視窗專案會複製為索引標籤專案。 不過,也有專案只能從飛出視窗存取。 選取飛出視窗項目會產生代表要選取並顯示之項目的底部索引標籤:

Screenshot of Shell bottom tabs.

注意

當飛出視窗未開啟時,底部索引標籤可視為應用程式中流覽的最上層。

索引標籤的每個索引標籤都會顯示 ContentPage。 不過,如果底部索引標籤包含多個頁面,則可透過頂端索引標籤列導覽頁面:

Screenshot of Shell top tabs.

在每個索引標籤內,可以巡覽至稱為詳細數據頁面的其他 ContentPage 物件:

Screenshot of Shell page navigation.

Shell 會使用 URI 型導覽體驗,使用路由巡覽至應用程式中的任何頁面,而不需要遵循設定的瀏覽階層。 此外,這也可讓您回溯導覽,而不需要造訪導覽堆疊上的所有頁面。 如需詳細資訊,請參閱 .NET MAUI Shell 流覽

.NET MAUI Shell 包含 類別所提供的 SearchHandler 整合式搜尋功能。 搜尋功能可以藉由將子類別化 SearchHandler 物件新增至頁面。 這會導致在頁面頂端新增搜尋方塊。 當數據輸入至搜尋方塊時,搜尋建議區域會填入數據:

Screenshot of Shell search.

然後,從搜尋建議區域選取結果時,可以執行自定義邏輯,例如流覽至詳細數據頁面。

如需詳細資訊,請參閱 .NET MAUI Shell 搜尋