Agregando Tabbed Page a nuestras pantallas en Xamarin Forms

En algunas App's son necesarias pantallas en la que podamos navegar en diferentes secciones sin salirnos de la misma y que cada una se comporte de manera independiente teniendo sus propios diseños e informaciones. Para hacerlo, tenemos un tipo de página llamada: TabbedPage. En artículo aprenderemos a implementarla!


¿Qué es un Tabbed Page?

Es una página que contiene diferentes pestañas o secciones que hacen posible las navegaciones entre ellas en la misma pantalla.


Definiendo las secciones

Para empezar, tenemos que definir las diferentes secciones que contendrá nuestro TabbedPage. En este caso, el ejemplo que se muestra a continuación, tenemos las siguientes secciones: Software, diseño y base de datos.

Debemos agregar tantas páginas del tipo ContentPage como secciones necesitemos. En el ejemplo, vamos a añadir tres páginas.

Debemos tomar en cuenta algunos atributos para agregar en las pestañas, tales como:

El título: Cada sección debe tener el atributo "Title" con el cual se identifique en el Tabbed Page. (Obligatorio)

El icono: Para agregar un icono, agreguemos el atributo Icon a la página y listo!

Y heredamos de la clase TabbedPage:


Creando el Tabbed Page y agregando sus secciones

1⃣ Para agregar un Tabbed Page solo debemos de crear una página y cambiar el tipo de página anterior por TabbedPage.

2⃣ Una vez cambiado el tipo de página, agregar las paginas creadas para definir las secciones.

3⃣ Finalmente, deberiamos obtener este código como resultado:

Listo! Gracias por leer mi artículo!☺

Artículo en ingles: https://askxammy.com/simple-way-to-add-a-tabbed-page-in-our-screens-in-xamarin-forms/