Compartir a través de

Habilitar la guía de diseño de área segura en iOS

  • Artículo

De forma predeterminada, las aplicaciones de .NET Multi-platform App UI (.NET MAUI) colocan automáticamente el contenido de la página en un área de la pantalla que es segura para todos los dispositivos. Esto se conoce como guía de diseño del área segura y garantiza que el contenido no se vea recortado por esquinas redondeadas del dispositivo, el indicador de inicio o la carcasa del sensor en algunos modelos iPhone.

Esta plataforma específica de iOS habilita la guía de diseño de área segura, si se ha deshabilitado anteriormente, y se consume en XAML estableciendo la propiedad adjunta Page.UseSafeArea en true:

<ContentPage ...
             xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls"
             ios:Page.UseSafeArea="True">
    <StackLayout>
        ...
    </StackLayout>
</ContentPage>

Como alternativa, se puede consumir desde C# mediante la API fluida:

using Microsoft.Maui.Controls.PlatformConfiguration;
using Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;

On<iOS>().SetUseSafeArea(true);

El método Page.On<iOS> especifica que esta plataforma específica solo se ejecutará en iOS. El Page.SetUseSafeArea método, en el espacio de nombres Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific, controla si la guía de diseño del área segura está deshabilitada.

Nota:

La clase Layout define una propiedad IgnoreSafeArea que garantiza que el contenido esté colocado en un área de la pantalla que sea segura para todos los dispositivos iOS. Esta propiedad se puede establecer en true en cualquier clase de diseño, como un Grid o StackLayout, para realizar el equivalente de este específico de la plataforma.