[Xamarin.Forms] Utilizando Xamarin Forms Player, acelerando el desarrollo

XamarinIntroducción

Xamarin.Forms es un framework que permite crear aplicaciones nativas para Android, iOS y Windows compartiendo además de la lógica en C#, las vistas en XAML. Un enfoque muy interesante que suele tener una atracción enorme debido a sus posibilidades en cuanto a la cantidad de código compartido. A mayor cantidad de código compartido, menor cantidad de código a hacer por plataforma, menos costes.

Hay desarrolladores XAML experimentados en otros entornos Microsoft como WPF, Silverlight, Windows Phone o WinRT que de forma programática pueden desarrollar interfaces de usuario de forma fluida sin necesidad de gran feedback visual. Sin embargo, muchos usuarios echan de menos ese feedback visual aportado por un editor visual. A día de hoy, Xamarin.Forms no cuenta con editor visual.

NOTA: En varias ocasiones Xamarin ha reconocido la

Xamarin Forms Player

Una alternativa para lograr el feedback visual viene dado por Xamarin Forms Player creado por Daniel Cazzulino. Consiste en instalar una extensión para Visual Studio (o Xamarin Studio) que nos permitirá conectar con un dispositivo en el que mostrar una previsualización de como queda nuestra vista XAML. De esta forma, cada vez que realicemos un cambio en nuestra vista XAML podremos enviarla al dispositivo y ver los cambios.

Configurando el entorno

Necesitaremos:

  • Extensión para Visual Studio o Xamarin Studio
  • App instalada en emulador o dispositivo

Xamarin Studio

Para instalar el plugin en Xamarin Studio vamos al gestor de complementos. Una vez abierto, en la pestaña de Gallery buscamos “Forms Player”.

Instalando Forms Player

Instalando Forms Player

Instalamos y todo listo.

Visual Studio

En Visual Studio abrimos el apartado de Extensiones y actualizaciones, buscamos por “Forms Player”:

Extensión Forms Player

Extensión Forms Player

Instalamos la extensión Xamarin Forms Player.

Dispositivos

Desde el GitHub de Mobile Essentials podremos descargar el código fuente de Xamarin Forms Player. Una vez descargado bastará con compilar y desplegar la App en cualquier dispositivo o emulador.

NOTA: También podemos acceder al apartado de Releases del repositorio para descargar directamente los últimos paquetes compilados.

En el caso de emuladores, bastará con arrastrar el paquete al emulador para realizar la instalación.

Forms Player en GenyMotion

Forms Player en GenyMotion

Utilizando Forms Player

Todo preparado. Creamos un nuevo proyecto Xamarin.Forms utilizando una PCL:

Nuevo proyecto

Nuevo proyecto

Una vez creado el proyecto añadiremos el paquete de “Forms Player” en los proyectos específicos de plataforma.

Paquete NuGet

Paquete NuGet

A continuación, modificamos la carga de la aplicación en cada proyecto específico de plataforma para reemplazar new App() por new Xamarin.Forms.Player.App().

Al depurar la App debemos sincronizar la sesión utilizada introduciendo en el dispositivo el identificador que nos facilitar Forms Player.

Llegados  a este punto lo tenemos todo preparado. Llega el momento de utizarlo. Abrimos una página XAML, editamos y publicamos los cambios.

Utilizando Xamarin Forms Player

Utilizando Xamarin Forms Player

Voila!. Cada vez que necesitemos ver cambios bastará con pulsar sobre la opción “Publish” de Forms Player.

Más información

3 pensamientos en “[Xamarin.Forms] Utilizando Xamarin Forms Player, acelerando el desarrollo

  1. Sabes si se puede utilizar gorilla player sobre windows phone? o windows 10? Estoy buscando informacion al respecto, pero solo veo info para trabajar con iOS y Android.

    Desde ya te agradezco la ayuda. 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