Introducció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
Instalamos y todo listo.
Visual Studio
En Visual Studio abrimos el apartado de Extensiones y actualizaciones, buscamos por “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
Utilizando Forms Player
Todo preparado. Creamos un nuevo proyecto Xamarin.Forms utilizando una PCL:
Nuevo proyecto
Una vez creado el proyecto añadiremos el paquete de “Forms Player” en los proyectos específicos de plataforma.
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
Voila!. Cada vez que necesitemos ver cambios bastará con pulsar sobre la opción “Publish” de Forms Player.
Más información
- Blog de Daniel Cazulino
- Github: Xamarin Forms Player
- Blog de James White: How to Preview your Xamarin.Forms XAML in Xamarin Studio