Replicando una bonita interfaz de usuario en Xamarin Forms

Leomaris Reyes
Dec 12, 2019 · 2 min read

¡Hola! En este caso, reproduje una interfaz de usuario súper agradable inspirada en la siguiente fuente y luego enumeraré los temas que uso para crearla. El nombre es Mountain Trip y aquí te dejo el enlace.

Las herramientas que utilicé

Para replicar la IU de Mountain Trip, utilicé las siguientes herramientas:

🔹 Visual State Manager (VSM): Nos permite realizar cambios visuales en nuestros controles según el estado. Usé VSM para obtener la lista de montañas y los efectos de la barra de botones de abajo. https://medium.com/@reyes.leomaris/aprendiendo-sobre-visual-state-manager-vsm-en-xamarin-forms-999819c68bbc

🔹Grid: Paraobtener la barra de botones flotante, utilicé un Grid. https://medium.com/%40reyes.leomaris/agregando-un-bot%C3%B3n-flotante-de-manera-sencilla-en-xamarin-forms-45d86271727a

🔹Lista de la montaña– Para crearla me inspiré en este ejemplo.

Generales:

🔹Estilos: Un estilo es un conjunto de propiedades visuales que se definen con el objetivo de asignar características visuales específicas para tantos controles como desee establecer. https://medium.com/@reyes.leomaris/como-trabajar-con-estilos-en-xaml-para-xamarin-forms-3cae3cffe595


En la imagen principal de este artículo, agregué una captura de pantalla de la versión de iOS, ahora dejaré las de Android. 😁


Y finalmente te dejo el repositorio de la replica del UI de Mountain Trip! 😍


Este artículo es mi contribución para el #Advientoscsharp. Los Calendarios de Adviento son una iniciativa en la que voluntarios de diversas comunidades tecnológicas comparten el conocimiento de su autoría normalmente a través de una publicación de blog en esta época del año.

Esta iniciativa admite contribuciones en español, en este caso también creé el artículo en inglés. Para verlo puedes verlo en el siguiente link https://askxammy.com/replicating-great-ui-in-xamarin-forms/

Ademas puede hecharle un vistazo al calendario completo aquí.

¡Gracias por leer mi post! 💚💕

Leomaris Reyes

Written by

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

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