ContentPage

.NET MAUI ContentPage.

.NET 多平臺應用程式 UI (.NET MAUI) ContentPage 會顯示單一檢視,這通常是 或 之類的 GridStackLayout 版面配置,而且是最常見的頁面類型。

ContentPageContent 定義 類型的 View 屬性,其會定義代表頁面內容的檢視。 這個屬性是由 BindableProperty 物件所支援,這表示它可以是資料系結的目標,並設定樣式。

ContentPage 會定義下列屬性:

  • Content 類型的 View 屬性,定義代表頁面內容的檢視。
  • HideSoftInputOnTappedbool 別為 的 ,指出點選頁面上的任何位置是否會導致虛輸入鍵盤在可見時隱藏。

這些屬性是由 BindableProperty 物件所支援,這表示這些屬性可以是資料系結的目標,並設定樣式。

此外, ContentPageTitle 類別繼承 、 IconImageSourceBackgroundImageSourceIsBusyPadding 可系結的屬性 Page

注意

屬性 Content 是 類別的內容屬性 ContentPage ,因此不需要從 XAML 明確設定。

.NET MAUI 應用程式通常包含衍生自 ContentPage 的多個頁面,而且可以執行這些頁面之間的流覽。 如需頁面流覽的詳細資訊,請參閱 NavigationPage

ContentPage可以使用控制項範本來建立範本。 如需詳細資訊,請參閱 控制範本

建立 ContentPage

若要將 新增 ContentPage 至 .NET MAUI 應用程式:

  1. 方案總管 以滑鼠右鍵按一下專案中的專案或資料夾,然後選取 [ 新增專案... ]。

  2. 在 [ 新增專案 ] 對話方塊中,展開 [已安裝 > 的 C# 專案 ],選取 [.NET MAUI],然後選取 .NET MAUI ContentPage (XAML) 專案範本,輸入適當的頁面名稱,然後按一下 [ 新增 ] 按鈕:

    .NET MAUI ContentPage item template.

Visual Studio 接著會建立新的 ContentPage 衍生頁面,其類似下列範例:

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyMauiApp.MyPage"
             Title="MyPage"
             BackgroundColor="White">
    <StackLayout>
        <Label Text="Welcome to .NET MAUI!"
                VerticalOptions="Center"
                HorizontalOptions="Center" />
        <!-- Other views go here -->
    </StackLayout>
</ContentPage>

ContentPage 子系通常是 配置,例如 GridStackLayout ,其配置通常包含多個檢視。 不過,的子系可以是顯示集合的 ContentPage 檢視,例如 CollectionView

注意

當應用程式使用 NavigationPage 執行導覽時,屬性的值 Title 會顯示在導覽列上。 如需詳細資訊,請參閱 NavigationPage