Introducción al shell maui de .NET

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.

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:

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:

En cada pestaña, se puede navegar por objetos ContentPage adicionales que se conocen como páginas de detalles:

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:

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.