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

Image for post
Image for post

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:

¡Finalmente, vamos a crear un ejemplo!

Image for post
Image for post

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

Gracias por leer mi artículo!!! 💚

Written by

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

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store