使用布局检查器调试应用布局,打造增强现实体验

适用的 XR 设备
本指南可帮助您为这些类型的 XR 设备打造体验。
AI 眼镜

在使用 Jetpack Compose Glimmer 组件为 AI 眼镜构建增强现实体验时,您可以使用 Android Studio 中的布局检查器检查和调试布局。

关闭嵌入式布局检查器

如果您使用 Android XR 模拟器在虚拟 AI 眼镜设备上运行应用,则需要关闭嵌入式布局检查器:

  1. 在 Android Studio 中打开项目,然后依次前往 Android Studio > Settings > Tools > Layout Inspector

  2. 取消选中启用嵌入式布局检查器,然后重启 Android Studio。

    布局检查器工具的 Android Studio 设置页面。

打开布局检查器

  1. 在 Android Studio 中,运行您的应用
  2. 看到要检查的界面时,从菜单栏中依次选择 Tools > Layout Inspector

    系统会打开布局检查器,以及布局显示组件树面板。

  3. 正在运行的设备下拉菜单中,从 AI 眼镜 AVD 切换到充当宿主设备的手机 AVD。

    布局检查器视图,其中突出显示了“正在运行的设备”下拉菜单。

  4. 布局显示中,滚动浏览手机 AVD 的界面布局,找到 AI 眼镜的界面布局。点击此处的元素可检查其属性。

    布局检查器视图,显示布局显示中的 AI 眼镜界面。

检查布局属性

在与应用互动时,您可以在 Layout DisplayComponent Tree 中点击某个视图,以检查 AI 眼镜界面中的该视图。相应视图的所有布局属性都会显示在 Attributes 面板中。