.NET MAUI Shell 概觀
.NET 多平台應用程式 UI (.NET MAUI) 殼層提供大多數應用程式需要的基本功能,以降低應用程式開發的複雜度,包括:
- 用來描述應用程式視覺階層的單一位置。
- 常見的瀏覽使用者體驗。
- 允許瀏覽至應用程式中任何頁面的 URI 型瀏覽配置。
- 整合式搜尋處理常式。
應用程式視覺階層
在 .NET MAUI Shell 應用程式中,應用程式的視覺階層會在子類別 Shell 化類別中描述。 這個類別可以包含三個主要階層式物件:
- FlyoutItem 或 TabBar。 FlyoutItem 代表飛出視窗中的一或多個項目,而且應該在應用程式的瀏覽模式需要飛出視窗時使用。 TabBar 代表底部的索引標籤列,而且應該在應用程式的瀏覽模式從底部索引標籤開始,並且不需要飛出視窗時使用。 如需飛出視窗項目的詳細資訊,請參閱 .NET MAUI Shell 飛出視窗。 如需 Tab 列的詳細資訊,請參閱 .NET MAUI Shell 索引標籤。
- Tab 代表分組內容,可透過底部索引標籤導覽。 如需詳細資訊,請參閱 .NET MAUI Shell 索引標籤。
- ShellContent,表示 ContentPage 每個索引標籤的物件。如需詳細資訊,請參閱 .NET MAUI 殼層頁面。
這些物件並不代表任何使用者介面,而是應用程式視覺階層的組織。 殼層會採用這些物件,並產生內容的瀏覽使用者介面。
注意
頁面會在 Shell 應用程式中視需要建立,以響應流覽。
如需詳細資訊,請參閱 建立 .NET MAUI Shell 應用程式。
瀏覽用戶體驗
.NET MAUI Shell 提供的瀏覽體驗是以飛出視窗和索引標籤為基礎。 Shell 應用程式中的最上層導覽是飛出視窗或底部索引標籤,視應用程式的流覽需求而定。 下列範例顯示瀏覽最上層是飛出視窗的應用程式:
在此範例中,某些飛出視窗專案會複製為索引標籤專案。 不過,也有專案只能從飛出視窗存取。 選取飛出視窗項目會產生代表要選取並顯示之項目的底部索引標籤:
注意
當飛出視窗未開啟時,底部索引標籤可視為應用程式中流覽的最上層。
索引標籤的每個索引標籤都會顯示 ContentPage。 不過,如果底部索引標籤包含多個頁面,則可透過頂端索引標籤列導覽頁面:
在每個索引標籤內,可以巡覽至稱為詳細數據頁面的其他 ContentPage 物件:
Shell 會使用 URI 型導覽體驗,使用路由巡覽至應用程式中的任何頁面,而不需要遵循設定的瀏覽階層。 此外,這也可讓您回溯導覽,而不需要造訪導覽堆疊上的所有頁面。 如需詳細資訊,請參閱 .NET MAUI Shell 流覽。
搜尋
.NET MAUI Shell 包含 類別所提供的 SearchHandler 整合式搜尋功能。 搜尋功能可以藉由將子類別化 SearchHandler 物件新增至頁面。 這會導致在頁面頂端新增搜尋方塊。 當數據輸入至搜尋方塊時,搜尋建議區域會填入數據:
然後,從搜尋建議區域選取結果時,可以執行自定義邏輯,例如流覽至詳細數據頁面。
如需詳細資訊,請參閱 .NET MAUI Shell 搜尋。