Introducción
Xamarin.Forms es un toolkit que crea una abstracción sobre la interfaz de usuariode Android, iOS, Tize, WPF, macOS, Linux y Windows permitiendo desarrollarla una única vez con códigoC#o Extensible Application Markup Language(XAML).
A la hora de trabajar con la interfaz de usuario, tenemos grandes herramientas como IntelliSense en XAML, Previewer o Xamarin Live Player. Sin embargo, las dos últimas opciones no soportan todas las características que se pueden utilizar en una aplicación móvil lo que provoca errores al renderizar y previsualizar el contenido. Por este motivo, tenemos algunas grandes herramientas por parte de la comunidad Xamarin comoLive XAMLo Gorilla Player.
En este artículo, vamos a conocer Xamarin Live Reload, nueva herramienta oficial que nos permite ver cualquier cambio de XAML al vuelo.
Xamarin Live Reload
El objetivo principal de Xamarin Live Reload es permitir ver cualquier cambio relacionado con la interfaz de usuario de forma rápida y sencillo, soportando cambios al vuelo sin necesidad de compilar y desplegar. Cualquier cambio en XAML será reflejado de forma automática manteniendo los cambios.
La clave fundamental de esta nueva herramienta es que soporta cualquier librería, control de terceros además de Custom Renderers o efectos. A la hora de ver la previsualización, podemos utilizar emuladores o dispositivos físicos.
Instalación
Para poder instalar Live Reload necesitamos los siguientes requisitos:
- Visual Studio 2017 15.7 Preview 4 con Xamarin.
- Xamarin.Forms 3.0.354232-pre3o superior.
Bastará con descargar e instalar la siguiente extensión:
Instalamos…
Tras instalar la herramienta es hora de configurar nuestra App para utilizarla. Es tarea sencilla ya que solo tendremos que añadir el paquete NuGet Xamarin.LiveReloada nuestra librería .NET Standard 2.0.
NOTA:Es necesario utilizar .NET Standard para utilizar Live Reload en estos momentos.
Para completar la configuración y utilizar la herramienta en nuestra aplicación, en la clase App.xaml.csdebemos añadir:
LiveReload.Init();
En el punto de entrada de la misma, es decir, en el constructor.
Todo preparado!
Utilizando la herramienta
Tras crear un proyecto Xamarin.Forms y lanzarlo en depuración en el emulador vemos lo siguiente:
Visual Studio nos indica (parte superior) que Live Reload esta funcionando en un emulador de Android. A partir de este momento, cualquier cambio será aplicado:
A tener en cuenta…
- Live Reload funciona con XAML. Cualquier cambio en C# requiere recompilación.
- Se soportan las plataformas soportadas por Xamarin.Forms.
- No se soportan (por ahora) estilos CSS.
- Sólo funciona utilizando librerías .NET Standard.
- Se puede utilizar en emuladores o dispositivos.
- No hay límite en el número de dispositivos a utilizar.
- Si no se cambia la configuración de Live Reload ni tampoco la máquina donde se compiló el código, no es necesario desplegar de nuevo. Basta con abror la aplicación previamente desplegada, conectar y continuar.
Más información
- Microsoft Docs: Xamarin Live Reload
- Visual Studio Marketplace: Xamarin Live Reload – Preview