Cómo depurar el diseño de tu app para experiencias aumentadas con el Inspector de diseño

Dispositivos XR aplicables

Esta guía te ayuda a crear experiencias para estos tipos de dispositivos de XR.

Más información sobre los tipos de dispositivos XR →

Más información sobre los tipos de dispositivos XR →

Mientras compilas experiencias aumentadas con componentes de Glimmer de Jetpack Compose para lentes con IA, puedes inspeccionar y depurar tu diseño con el inspector de diseños en Android Studio.

Consulta también

Si es la primera vez que usas el Inspector de diseño, consulta la guía de depuración de diseños para aprender a realizar otras tareas comunes.

arrow_forward

Cómo desactivar el Inspector de diseño incorporado

Si ejecutas tu app en dispositivos virtuales de lentes con IA con el emulador de XR de Android, debes desactivar el Inspector de diseño integrado:

1. Abre tu proyecto en Android Studio y, luego, navega a Android Studio > Settings > Tools > Layout Inspector.

2. Anula la selección de Enable embedded Layout Inspector y, luego, reinicia Android Studio.

   

Cómo abrir el Inspector de diseño

1. En Android Studio, ejecuta tu app.

2. Cuando veas una pantalla que quieras inspeccionar, selecciona Tools > Layout Inspector en la barra de menú.

   Se abrirá el Inspector de diseño, junto con la pantalla de diseño y el panel del árbol de componentes.

3. En el menú desplegable Running devices, cambia del AVD de los lentes con IA al AVD del teléfono que actúa como dispositivo host.

   

4. En Layout Display, desplázate más allá del diseño de la IU del AVD del teléfono para encontrar el diseño de la IU de los lentes con IA. Haz clic en los elementos aquí para inspeccionar sus atributos.

   

Cómo inspeccionar los atributos de diseño

A medida que interactúas con tu app, inspecciona una vista en la IU de las gafas de IA haciendo clic en ella en Layout Display o en Component Tree. Todos los atributos de diseño de esa vista aparecen en el panel Attributes.