#VS2015 – Necesitas #Xamarin Forms Designer? pues esto te puede alegrar el día

Hola!

Xamarin Forms empieza a tener sentido en mi cabeza. Lo que más me doy cuenta, es que más trabajo con Xamarin Forms, y más aprendo sobre Android o iOS. Pero claro, echo en falta algo tan simple como un diseñador visual de páginas en Xamarin Forms. Estoy seguro que esto está en el Backlog del equipo de Xamarin, sin embargo (como buen Developer vago) me puse a encontrar alguna alternativa.

Después de un par de búsquedas llegué al blog de Jonathan Yates, “Adventures in Xamarin Forms” donde encontré mucho material interesante sobre XF. En una de las entradas del blog, Jonathan presenta una herramienta que permite traducir código XAML de Windows Phone a Pages en Xamarin Forms. El funcionamiento que propone es

1. Comienza tus diseños de páginas en el diseñador de Windows Phone

2. Utiliza la herramienta para crear un nuevo Xamarin Form a partir del XAML de Windows Phone

3. Done !!!

La herramienta es “Windows Phone Forms to Xamarin Forms“ y se puede descargar desde aquí. La interfaz de la misma es bastante simple:

El funcionamiento de la herramienta se basa en respetar los controles y sintaxis propia de Xamarin Forms, por ejemplo

– Un TextBlock se traduce como un Label

– Un TextBox se traduce como un Entry

– Un StackPanel se traduce como un StackLayout

Una vez generado ya podemos agregar el XForm a nuestro proyecto.

Si bien la traducción convierte casi todos los elementos, me ha tocado revisar el Namespace y otras configuraciones para poder dejar el Xamarin Form funcionando. Esta tarea solo me ha tomado solo 15 minutos.

Como prueba inicial creo que es suficiente, Jonathan hace un estudio mucho más detallado sobre cómo trabajar con estilos, o las opciones de configuración de la herramienta. Cuando la use y conozca un poco más, pues será momento de escribir un segundo post.

Saludos @ Madrid

/El Bruno

References

– Jonathan Yates, Adventures in Xamarin Forms http://adventuresinxamarinforms.com/

– Windows Phone Forms to Xamarin Forms http://www.gui-innovations.com/Blog%20Posts/windows-phones-forms-to-xamarin-forms.html

– Material Designer for Xamarin Forms http://adventuresinxamarinforms.com/2015/05/20/material-designer-for-xamarin-forms/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s