8/11/22, 07:38 Introducción al shell maui de .NET - .

NET MAUI | Microsoft Learn

Introducción al shell maui de .NET

Artículo • 26/10/2022 • 3 minutos para leer

Examinar el ejemplo

Shell de la interfaz de usuario de aplicaciones multiplataforma de .NET (.NET MAUI)

reduce la complejidad del desarrollo de aplicaciones proporcionando las características
fundamentales que requieren la mayoría de las aplicaciones, entre las que se incluyen:

Un único lugar para describir la jerarquía visual de una aplicación.

Una interfaz de usuario de navegación común.
Un esquema de navegación basado en URI que permite la navegación a cualquier
página de la aplicación.
Un controlador de búsqueda integrado.

Jerarquía visual de la aplicación

En una aplicación .NET MAUI Shell, la jerarquía visual de la aplicación se describe en una
clase que subclase la Shell clase . Esta clase puede constar de tres objetos jerárquicos
principales:

1. FlyoutItem o TabBar . FlyoutItem un objeto representa uno o varios elementos

del control flotante y se debe usar cuando el patrón de navegación de la
aplicación requiere un control flotante. TabBar representa la barra de pestañas
inferior y se debe usar cuando el patrón de navegación de la aplicación comienza
con pestañas inferiores y no requiere un control flotante.
2. Tab , que representa contenido agrupado, navegable mediante las pestañas
inferiores.
3. ShellContent , que representa los objetos ContentPage de cada pestaña.

Estos objetos no representan ninguna interfaz de usuario, sino la organización de la

jerarquía visual de la aplicación. Shell tomará estos elementos y generará la interfaz de
usuario de navegación del contenido.

７ Nota

Las páginas se crean a petición en las aplicaciones de Shell, en respuesta a la

navegación.

https://learn.microsoft.com/es-mx/dotnet/maui/fundamentals/shell/ 1/6
8/11/22, 07:38 Introducción al shell maui de .NET - .NET MAUI | Microsoft Learn

Para obtener más información, consulte Creación de una aplicación de shell maui de
.NET.

Experiencia del usuario de navegación

La experiencia de navegación proporcionada por .NET MAUI Shell se basa en controles
flotantes y pestañas. El nivel superior de navegación en una aplicación de Shell es un
control flotante o una barra de pestañas inferior, en función de los requisitos de
navegación de la aplicación. En el ejemplo siguiente se muestra una aplicación en la
que el nivel superior de navegación es un control flotante:

En este ejemplo, algunos elementos de control flotante se duplican como elementos de

barra de pestañas. Aunque también hay elementos a los que solo se puede tener
acceso desde el control flotante. Al seleccionar un elemento de control flotante, se
selecciona y muestra la pestaña inferior que representa el elemento:

https://learn.microsoft.com/es-mx/dotnet/maui/fundamentals/shell/ 2/6
8/11/22, 07:38 Introducción al shell maui de .NET - .NET MAUI | Microsoft Learn

７ Nota

Cuando el control flotante no está abierto, se puede considerar que la barra de

pestañas inferior es el nivel superior de navegación de la aplicación.

Cada pestaña de la barra de pestañas muestra un ContentPage . Sin embargo, si una

pestaña inferior contiene más de una página, las páginas son navegables mediante la
barra de pestañas superior:

https://learn.microsoft.com/es-mx/dotnet/maui/fundamentals/shell/ 3/6
8/11/22, 07:38 Introducción al shell maui de .NET - .NET MAUI | Microsoft Learn

En cada pestaña, se puede navegar por objetos ContentPage adicionales que se

conocen como páginas de detalles:

https://learn.microsoft.com/es-mx/dotnet/maui/fundamentals/shell/ 4/6
8/11/22, 07:38 Introducción al shell maui de .NET - .NET MAUI | Microsoft Learn

Shell usa una experiencia de navegación basada en URI que usa rutas para navegar a
cualquier página de la aplicación, sin tener que seguir una jerarquía de navegación
establecida. También ofrece la posibilidad de navegar hacia atrás sin tener que visitar
todas las páginas de la pila de navegación. Para obtener más información, vea
Navegación de .NET MAUI Shell.

Buscar
El shell maui de .NET incluye la funcionalidad de búsqueda integrada proporcionada
por la SearchHandler clase . Se puede agregar funcionalidad de búsqueda a una página
agregando un objeto SearchHandler con subclases a esta. Esto se traduce en que se
agrega un cuadro de búsqueda en la parte superior de la página. Cuando se escriben
datos en el cuadro de búsqueda, el área de sugerencias de búsqueda se rellena con
datos:

https://learn.microsoft.com/es-mx/dotnet/maui/fundamentals/shell/ 5/6
8/11/22, 07:38 Introducción al shell maui de .NET - .NET MAUI | Microsoft Learn

A continuación, cuando se selecciona un resultado en el área de sugerencias de

búsqueda, se puede ejecutar la lógica personalizada; por ejemplo, navegar a una página
de detalles.

Para obtener más información, vea Búsqueda de shell maui de .NET.

https://learn.microsoft.com/es-mx/dotnet/maui/fundamentals/shell/ 6/6