ContentPage

.NET Multi-platform App UI (.NET MAUI) ContentPage には 1 つのビューが表示されます。これは多くの場合レイアウト (たとえば、Grid や StackLayout など) であり、最も一般的なページの種類です。

ContentPage には、次のプロパティが定義されています。

• Content プロパティ (View 型) - ページのコンテンツを表すビューを定義します。
• bool 型 の HideSoftInputOnTapped は、Android、iOS、Mac Catalyst のページ上でソフト入力キーボードが表示されている場合、ページの任意の場所をタップすると非表示になるかどうかを示します。

これらのプロパティは、BindableProperty オブジェクトが基になっています。つまり、データ バインディングの対象にすることができ、スタイルを設定できます。

さらに、ContentPage は Page クラスから Title、IconImageSource、BackgroundImageSource、IsBusy、Padding のバインド可能なプロパティを継承しています。

Note

Content プロパティは ContentPage クラスのコンテンツ プロパティであるため、XAML から明示的に設定する必要はありません。

.NET MAUI アプリには通常、ContentPage から派生する複数のページが含まれており、これらのページ間のナビゲーションを実行できます。 ページのナビゲーションについては、「NavigationPage」を参照してください。

ContentPage は、コントロール テンプレートを使用してテンプレート化できます。 詳細については、「コントロール テンプレート」を参照してください。

ContentPage を作成する

.NET MAUI アプリに ContentPage を追加するには:

1. ソリューション エクスプローラーで、プロジェクトまたはプロジェクト内のフォルダーを右クリックし、[新しい項目...] を選択します。

2. [新しい項目の追加] ダイアログで、[インストール済み] > [C# 項目] を展開し、[.NET MAUI] を選択して、[.NET MAUI ContentPage (XAML)] 項目テンプレートを選択し、適切なページ名を入力して、[追加] ボタンをクリックします。

   

その後、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 の子は通常、Grid や StackLayout などのレイアウトであり、通常は複数のビューが含まれます。 しかし、ContentPage の子は、CollectionView のようなコレクションを表示するビューにすることができます。

Note

Title プロパティの値は、アプリが NavigationPage を使用してナビゲーションを実行するときにナビゲーション バーに表示されます。 詳しくは、「NavigationPage」を参照してください。