[Xamarin] Desgranando las posibilidades de Xamarin Inspector

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

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

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

Botón de Xamarin Inspector

Una vez pulsado se nos abrirá una nueva ventana cmo la siguiente:

Vista 3D

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

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

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

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