Xamarin Forms: Pre visualizando los formularios (Opción 2: Gorilla Player)

La segunda opción para llevar a cabo la pre visualización de los formularios, es a través de Gorilla Player. Aún se encuentra en estado beta, y para utilizarlo se requiere de una invitación, ya que es una beta privada, a mí me tardó alrededor de una semana en llegar el código desde que la solicité. Una vez que nos ha llegado el código, podemos realizar la descarga desde aquí. Procederemos a instalarlo, e inmediatamente nos aparecerá una ventana para loguearnos al servicio:

Screen Shot 05-03-16 at 11.25 AM

Posterior a este paso, nos aparecerá una venta con los 3 pasos que debemos llevar a cabo para utilizar el servicio:

1.- Verificar que Gorilla Player se encuentre corriendo desde la barra de tareas:

Screen Shot 05-04-16 at 08.40 AM

2.- Se requiere desplegar la aplicación derivada de la solución Player.sln, a cada uno de los emuladores y dispositivos donde vayamos a llevar a cabo pruebas:

2a) Abrir la solución desde el Wizard de Gorilla Player:

Screen Shot 05-04-16 at 08.43 AM

Screen Shot 05-04-16 at 08.44 AM

2b) Desplegar el dispositivo en el emulador o dispositivo físico correspondiente(Debemos asegurarnos de descargar los paquetes de nuget faltantes:

Screen Shot 05-04-16 at 09.15 AM

3c) La aplicación tratará de encontrar el servidor de Gorilla Player en el equipo que tengamos conectado. Una vez realizado este paso, nos indicará que se encuentra listo para realizar las pre visualizaciones necesarias:

Screenshot_2016-05-04-09-22-11

3.- Probar los ejemplos que vienen en la solución:

3a) Abrir la solución de ejemplo:

Screen Shot 05-04-16 at 09.30 AM

3b) De nueva cuenta, restaurar los paquetes de nuget:

Screen Shot 05-04-16 at 09.30 AM 001

3c) Un ícono de un gorila nos mostrará que estamos conectados y listos para probar el código XAML de nuestro proyecto:

Screen Shot 05-04-16 at 09.34 AM

3d) Ahora, basta con que abramos la aplicación recién instalada llamada Gorilla Player desde nuestro emulador o dispositivo, y ejecutar el comando Guardar desde el formulario que queremos probar desde Visual Studio (Ctrl + S) para que nos despliegue el resultado en el dispositivo o emulador deseado:

Screenshot_2016-05-04-09-35-43

Al llevar a cabo algún cambio, bastará con volver a presionar Ctrl + S para verificar el cambio en tiempo real:

Screenshot_2016-05-04-09-37-49

Podemos ahora abrir algún proyecto desarrollado previamente, y ver en tiempo real si existe algún problema de diseño como en el siguiente caso:

Screenshot_2016-05-04-10-12-00

Este formulario, lo podemos corregir de una manera muy sencilla y rápida con ayuda de Gorilla Player:

Screenshot_2016-05-04-10-15-46

Como podemos ver, llevar a cabo la realización de formularios a través de Gorilla Player es una excelente alternativa para ahorrarnos muchísimo tiempo. La única advertencia que hay que tener en cuenta, es que el servicio, seguramente tendrá un costo extra en la versión final.

Por último, como advertencia, Visual Studio en conjunto con Gorilla Player se me congela si el proyecto se encuentra alojado en un repositorio GitHub.

Saludos.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s