Introducción
En el desarrollo de aplicaciones móviles es habitual al desarrollar
la interfaz de usuario y otros detalles, realizar pequeños ajustes y
desplegar la App para ver el resultado. De igual forma, en ocasiones
tenemos problemas con la interfaz con elementos que no se ven o que
aparecen donde no esperábamos, etc.
¿Os ha pasado?
Probablemente la respuesta sea afirmativa. En todos estos casos, ¿podríamos contar con una opción más óptima?
Xamarin Inspector
Xamarin ha lanzado una nueva herramienta para aplicaciones iOS, Android, Mac y WPF llamada Xamarin Inspector que nos permite acelerar el desarrollo permitiendo:
- Ver el árbol visual de elementos de la interfaz. En OSX además se
puede ver una visualización 3D con capas con los diferentes elementos
visuales que componen la interfaz. - Poder seleccionar elementos y modificar propiedades.
- Poder ejecutar evaluaciones de expresiones C# con REPL (Read-Eval-Print Loop).
Xamarin Inspector
La herramienta consiste en un add-in para Xamarin Studio y una extensión para Visual Studio.
Instalación
Podemos instalar la herramienta tanto en Windows como en OSX de forma sencilla.
Instalando Xamarin Inspector
NOTA: Xamarin Inspector se encuentra en Preview.
Para poder lanzarlo y utilizarlo debemos tener actualizado Xamarin a
sus versiones más recientes del canal Alpha. Para ello, ya sea en
Xamarin Studio o Visual Studio debemos modificar la configuración de
verificación de actualizaciones al canal Alpha.
Lanzando Xamarin Inspector
Tomamos cualquier aplicación iOS, Android, Mac, o WPF en Xamarin
Studio o Visual Studio, ejecutamos en modo Debug y veremos un botón como
el siguiente:
Botón de Xamarin Inspector
Una vez pulsado se nos abrirá una nueva ventana cmo la siguiente:
Vista 3D
¿Qué podemos hacer?
Gracias a Xamarin Inspector tenemos acceso a un REPL (Read-Eval-Print Loop) en C#. Podemos realizar desde operaciones sencillas y básicas como cálculos matemáticos, colores, etc:
Operaciones simples
A definición de variables, peticiones web, acceso a servicios, todo lo que sea necesario dentro de nuestra propia App:
Operaciones más complejas
Además de escribir y evaluar código al vuelo, Xamarin Inspector nos permite acceder a la interfaz de usuario de nuestra App:
Consultas de la App
Podemos ver el árbol visual de elementos, una composición en 3D de
los mismos (sólo disponible en OSX) y las propiedades de cada uno de los
elementos. Una vez seleccionado un elemento visual podremos acceder al mismo para ver los valores de sus propiedades así como realizar modificaciones. Todo ello al vuelo!.
NOTA: Utilizada la App CoffeeTipper de James Montemagno para mostrar Inspector.
Más información
- Xamarin: New Preview: Xamarin Inspector
- YouTube: Motz Codes Live: Inspecting the Xamarin Inspector
- Blog de Frank A. Krueger: Live Coding with Xamarin iOS