Agregando un botón flotante de manera sencilla en Xamarin Forms

Leomaris Reyes
Jul 11 · 2 min read

A la hora de crear un IU, existen algunas partes de nuestro diseño que pueden parecer complicadas, esto puede ser cierto o no, todo depende de cómo hagamos la implementación, un ejemplo de esto puede ser agregar un botón flotante en nuestra pantalla, por eso en este post estaremos aprendiendo cómo hacerlo de una manera muy sencilla!


Conocimientos previos requeridos para el ejemplo

🔹 Trabajaremos la explicación con un GridLayout. Si quieres saber más información al respecto puedes aprender aquí.


¡Empecemos!

¡Lo haremos muy simple! Usaremos Grid como layout principal en nuestro diseño. Desarrollaremos la explicación en los siguientes pasos:

1⃣ Crea un Grid con una fila y establece la propiedad de altura (Height) con un valor proporcional. (*)

2⃣ Agrega un ScrollView y un button en el número de fila cero. Dentro del ScrollView agrega el Layout principal de tu preferencia, en este caso agregué un StackLayout.

3⃣ Para colocar el botón abajo agrega las siguientes propiedades:

Y listo 😎!!!

¡Finalmente, vamos a crear un ejemplo!


Artículo en inglés: https://askxammy.com/simple-way-to-create-a-floating-button-in-xamarin-forms/

Gracias por leer mi artículo!!! 💚

Leomaris Reyes

Written by

I'm Leomaris Reyes from the Dominican Republic, with more than 6 years of experience in Software Development. I really love learning new things!!! ❤

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade