ContentPage

ContentPage de .NET Multi-platform App UI (.NET MAUI) muestra una sola vista, que suele ser un diseño como Grid o StackLayout, y es el tipo de página más común.

ContentPage define las siguientes propiedades:

• La propiedad Content, de tipo View, que define la vista que representa el contenido de la página.
• HideSoftInputOnTapped, de tipo bool, que indica si pulsar en cualquier parte de la página hará que el teclado de entrada temporal se oculte si está visible en Android, iOS y Mac Catalyst.

Estas propiedades están respaldadas por objetos BindableProperty, lo que significa que pueden ser destinos de los enlaces de datos, y con estilo.

Además, ContentPage hereda las propiedades enlazables Title, IconImageSource, BackgroundImageSource, IsBusy y Padding de la clase Page.

Nota:

La propiedad Content es la propiedad de contenido de la clase ContentPage y, por tanto, no es necesario establecerla explícitamente desde XAML.

Las aplicaciones .NET MAUI normalmente contienen varias páginas que derivan de ContentPage y se puede realizar la navegación entre estas páginas. Para obtener más información sobre la navegación, consulta NavigationPage.

ContentPage se puede crear una plantilla con una plantilla de control. Para obtener más información, consulta Plantillas de control

Crear una ContentPage

Para agregar una ContentPage a una aplicación .NET MAUI:

1. En Explorador de soluciones, haz clic con el botón derecho en una carpeta o proyecto y selecciona Nuevo elemento....

2. En el cuadro de diálogo Agregar nuevo elemento, expande Elementos de C# > instalados, selecciona .NET MAUI y selecciona la plantilla de elemento .NET MAUI ContentPage (XAML), escribe un nombre de página adecuado y haz clic en el botón Agregar:

   

Visual Studio luego crea una nueva página derivada de ContentPage, que será similar al ejemplo siguiente:

<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>

El elemento secundario de ContentPage es normalmente un diseño, como Grid o StackLayout, con el diseño que normalmente contiene varias vistas. Pero el elemento secundario de ContentPage puede ser una vista que muestra una colección, como CollectionView.

Nota:

El valor de la propiedad Title se mostrará en la barra de navegación, cuando la aplicación realice la navegación mediante NavigationPage. Para obtener más información, consulta NavigationPage.