[Xamarin] Desgranando las posibilidades de Xamarin Inspector

Inspector-Icon-300x276Introducció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

Un pensamiento en “[Xamarin] Desgranando las posibilidades de Xamarin Inspector

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