App-Layout für Augmented Reality-Anwendungen mit Layout Inspector debuggen

Anwendbare XR‑Geräte
Dieser Leitfaden hilft Ihnen dabei, Erlebnisse für diese Arten von XR-Geräten zu entwickeln.
AI Glasses

Wenn Sie mit Jetpack Compose Glimmer-Komponenten Augmented Reality-Anwendungen für KI-Brillen entwickeln, können Sie Ihr Layout mit dem Layout Inspector in Android Studio untersuchen und debuggen.

Eingebetteten Layout Inspector deaktivieren

Wenn Sie Ihre App auf virtuellen KI-Brillengeräten mit dem Android XR Emulator ausführen, müssen Sie den eingebetteten Layout Inspector deaktivieren:

  1. Öffnen Sie Ihr Projekt in Android Studio und rufen Sie Android Studio > Einstellungen > Tools > Layout Inspector auf.

  2. Entfernen Sie das Häkchen bei Enable embedded Layout Inspector und starten Sie Android Studio neu.

    Seite mit den Android Studio-Einstellungen für das Tool „Layout Inspector“.

Layout Inspector öffnen

  1. Führen Sie Ihre App in Android Studio aus.
  2. Wenn Sie einen Bildschirm sehen, den Sie untersuchen möchten, wählen Sie in der Menüleiste Tools > Layout Inspector aus.

    Der Layout Inspector wird zusammen mit dem Layout Display und dem Bereich Component Tree geöffnet.

  3. Wechseln Sie im Drop-down-Menü Aktive Geräte vom AVD für die KI-Brille zum AVD für das Smartphone, das als Hostgerät fungiert.

    Layout Inspector-Ansicht mit dem Drop-down-Menü „Aktive Geräte“

  4. Scrollen Sie im Layout Display (Layout-Anzeige) am UI-Layout für das Smartphone-AVD vorbei, um das UI-Layout für die KI-Brille zu finden. Klicken Sie hier auf Elemente, um ihre Attribute zu prüfen.

    Layout Inspector-Ansicht mit der Benutzeroberfläche der KI-Brille im Layout-Display.

Layoutattribute prüfen

Wenn Sie mit Ihrer App interagieren, können Sie eine Ansicht in der Benutzeroberfläche der KI-Brille untersuchen, indem Sie im Layout Display oder im Component Tree darauf klicken. Alle Layoutattribute für diese Ansicht werden im Bereich Attribute angezeigt.