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

Leomaris Reyes
2 min readJul 11, 2019

--

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

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