Diseñando apps con Xamarin Forms

Xamarin, la herramienta recientemente adquirida por Microsoft, nos provee de un conjunto de herramientas que permiten poder desarrollar de manera nativa en iOS, Android y aplicaciones de Mac usando el lenguaje C#, uno de los lenguajes de programación más populares.

¿Qué es Xamarin.Forms?

Xamarin.Forms es un framework de Xamarin, que permite agilizar en gran medida parte del desarrollo de la app, sobre todo si ésta no requiere de un diseño muy complejo. Xamarin.Forms consigue que el código compartido entre plataformas pueda llegar hasta el 90%, lo que permite un ahorro de costes y tiempo considerable.

 

xamarin.forms.png

Desarrollando la interfaz con Xamarin.Forms: 

En Xamarin.Forms, la interfaz de usuario se compone de diferentes elementos visuales:

  • Pages (Páginas): Representan una porción de la interfaz que se va a mostrar al usuario. Pueden ocupar toda la pantalla o una parte importante de la misma. Las páginas permiten estructurar el contenido. 
  • Layouts (Diseño): Es un subtipo especializado de Vista, que actúa como un contenedor para otros diseños o vistas. Normalmente contiene la lógica para establecer la posición y el tamaño de los elementos secundarios en las apps Xamarin.Forms.
  • Views (Vistas): Son los controles o widgets más comunes que se utilizan normalmente en las aplicaciones (botones, etiquetas, etc.)

 

Las páginas pueden ser de los siguientes tipos:

xamarin.forms2.png

 

Los layouts posibles son:

xamarin.forms3.png

 

Los controles básicos (Views), son los siguientes:

  • Label
  • Button
  • Image
  • Entry
  • Switch
  • RadioButton

 

Además de esto, tenemos diferentes componentes de terceros que podemos usar para hacer nuestra aplicación aún más vistosa:

 

¡Hasta aquí por hoy!

¡Permaneced atentos para conocer más acerca del desarrollo con Xamarin!

¡Nos vemos!

Escrito por Mario López, Xamarin Certified Mobile Developer.

 ¡Inscríbete ya a nuestro evento y descubre mucho más sobre la UX en apps creadas con Xamarin!