Creando un carrusel en Xamarin Forms

Leomaris Reyes
2 min readJul 9, 2018

--

Normalmente vemos pantallas en aplicaciones con componentes en deslizamiento dentro de la misma página. Con CarouselPage podemos hacer esto. ¡Veamos!

¿Qué es un CarouselPage?

Es un tipo de página con interacción de diapositivas dentro de la misma pantalla la cuál podemos deslizar una por una; En el carrusel podemos agregar imágenes, labels y todos los componentes visuales que deseemos dentro del mismo. Podemos crear esta página tanto desde el archivo XAML como desde un archivo C#.

Expliquemos la estructura del CarouselPage:

➖CarouselPage Es la etiqueta que maneja el comportamiento de deslizar las diapositivas en la página.

➖ContentPage Es la página que muestra una sola vista. Debes agregar tantos ContentPage como necesites deslizar en tu carrousel.

⚠ El Carrousel debe ser poblado solo con instancias o derivados de un ContentPage.

Veamos un ejemplo:

También debemos heredar la clase ContentPage en nuestro archivo .cs, en este ejemplo CarouselSamplePage.cs

¿Cómo crear un carrusel desde C#?

Solo tienes que agregar la cantidad de ContentPage que necesites agregar en tu carrusel.

Y agregar los ContentPages con la propiedad Children:

📔 Nota: Si tienes la necesidad de agregar slides a tu carrusel desde el XAML y desde el archivo C# al mismo tiempo, puedes hacerlo sin problemas.

--

--

Leomaris Reyes

I'm Leomaris Reyes, Microsoft MVP from the Dominican Republic, with more than 6 years of experience in Software Development. ❤