使用版面配置檢查器對擴增體驗的應用程式版面配置進行偵錯

適用 XR 裝置
這份指南可協助您為這類 XR 裝置打造體驗。
AI 眼鏡

使用 Jetpack Compose Glimmer 元件為 AI 眼鏡建構擴增體驗時,您可以使用 Android Studio 的版面配置檢查器檢查及偵錯版面配置。

關閉內嵌版面配置檢查器

如果您使用 Android XR 模擬器在虛擬 AI 眼鏡裝置上執行應用程式,請關閉內嵌的版面配置檢查器:

  1. 在 Android Studio 中開啟專案,然後依序前往「Android Studio」>「Settings」>「Tools」>「Layout Inspector」

  2. 取消選取「Enable embedded Layout Inspector」(啟用內嵌版面配置檢查器),然後重新啟動 Android Studio。

    版面配置檢查器工具的 Android Studio 設定頁面。

開啟版面配置檢查器

  1. 在 Android Studio 中執行應用程式
  2. 看到要檢查的畫面時,請在選單列中依序選取「Tools」>「Layout Inspector」

    版面配置檢查器隨即開啟,並顯示「版面配置顯示」和「元件樹狀結構」面板。

  3. 在「Running devices」下拉式選單中,從 AI 眼鏡 AVD 切換至做為主機的電話 AVD。

    版面配置檢查器檢視畫面,並醒目顯示「執行中的裝置」下拉式選單。

  4. 在「版面配置顯示」中,捲動手機 AVD 的 UI 版面配置,找到 AI 眼鏡的 UI 版面配置。按一下這裡的元素,即可檢查其屬性。

    版面配置檢查器檢視畫面,顯示版面配置顯示器中的 AI 眼鏡 UI。

檢查版面配置屬性

與應用程式互動時,請在「Layout Display」或「Component Tree」中點選檢視區塊,檢查 AI 眼鏡 UI。該檢視區塊的所有版面配置屬性都會顯示在「Attributes」面板中。