Skip to content

Most visited

Recently visited

navigation

Depurar tu diseño con el Inspector de diseños

El Inspector de diseños en Android Studio te permite inspeccionar la jerarquía de vistas de tu app en el tiempo de ejecución desde el IDE de Android Studio. Esto es particularmente útil cuando tu diseño se compila en el tiempo de ejecución en lugar de compilarse por completo en XML y el diseño se comporta de forma inesperada.

Abre el Inspector de diseños de la siguiente manera:

  1. Ejecuta tu app en un dispositivo o emulador conectado.
  2. Haz clic en Tools > Android > Layout Inspector.
  3. En el diálogo Choose Process que aparece, selecciona el proceso de la app que desees inspeccionar y haz clic en OK.

    Figura 1: Diálogo Choose Process

    De forma predeterminada, el diálogo Choose Process indica solo los procesos para el proyecto actualmente abierto en Android Studio, y se debe estar en ejecución en el dispositivo. Si deseas inspeccionar otra app del dispositivo, selecciona Show all processes. Si usas un dispositivo con derechos de administrador o un emulador sin Google Play Store, verás todas las apps en ejecución. De lo contrario, solo verás las apps que se encuentran en ejecución y son depurables.

El Inspector de diseños captura una instantánea, la guarda como archivo .li y la abre. Como se muestra en la figura 2, el Inspector de diseños presenta lo siguiente:

  1. Árbol de vistas: jerarquía de las vistas en el diseño.
  2. Captura de pantalla: captura de pantalla del dispositivo con límites visibles para cada vista.
  3. Tabla de propiedades: propiedades de diseño de la vista seleccionada.

Figura 2: Inspector de diseños.

Puedes hacer clic en una vista del Árbol de vistas para seleccionar la misma vista en la captura de pantalla y viceversa. Todos los atributos de diseño para la vista aparecen en la Tabla de propiedades.

Si tu diseño incluye vistas superpuestas, de forma predeterminada, solo podrás hacer clic en la vista que se encuentra al frente en la captura de pantalla. Para poder hacer clic en la vista que se encuentra atrás en la captura de pantalla: Haz clic con el botón secundario en la vista frontal en el Árbol de vistas y anula la selección de Show in preview. Esto no quita el contenido de la vista; solo hace desaparecer los límites dentro de los que puedes hacer clic en la captura de pantalla, para que puedas hacer clic en las vistas de atrás.

Si cambia el diseño del dispositivo, el Inspector de diseños no se actualiza. Debes crear una instantánea nueva haciendo clic, una vez más, en Tools > Android > Layout Inspector. Cada instantánea se guarda en un archivo .li independiente en project-name/captures/.

Figura 3: Instantáneas del Inspector de diseños (archivos .li), en la ventana Project.

This site uses cookies to store your preferences for site-specific language and display options.

Get the latest Android developer news and tips that will help you find success on Google Play.

* Required Fields

Hooray!

Sigue a Google Developers en WeChat

Browse this site in ?

You requested a page in , but your language preference for this site is .

Would you like to change your language preference and browse this site in ? If you want to change your language preference later, use the language menu at the bottom of each page.

This class requires API level or higher

This doc is hidden because your selected API level for the documentation is . You can change the documentation API level with the selector above the left navigation.

For more information about specifying the API level your app requires, read Supporting Different Platform Versions.

Take a short survey?
Help us improve the Android developer experience. (Dec 2017 Android Platform & Tools Survey)