Layout Inspector を使用して拡張エクスペリエンスのアプリ レイアウトをデバッグする

対象の XR デバイス

このガイダンスは、次のようなタイプの XR デバイス向けのエクスペリエンスを構築する際に役立ちます。

XR デバイスのタイプについて →

XR デバイスのタイプについて →

AI グラス用の Jetpack Compose Glimmer コンポーネントを使用して拡張エクスペリエンスを構築する際に、Android Studio の Layout Inspector を使用してレイアウトを検査し、デバッグできます。

関連情報

Layout Inspector を初めて使用する場合は、レイアウト デバッグ ガイドで他の一般的なタスクの実行方法をご覧ください。

arrow_forward

Layout Inspector を開く

1. Android Studio でアプリを実行します。

2. 検査する画面が表示されたら、メニューバーから [Tools] > [Layout Inspector] を選択します。

   Layout Inspector が開き、[Attributes] サブパネルと [Component Tree] サブパネルも開きます。

3. [Component Tree] で、AI グラスの UI コンポーネントを見つけます。コンポーネントをクリックして、その属性を調べます。

   

コンポーネントの属性を検査する

アプリを操作しながら、[Toggle Deep Inspect] をクリックして、エミュレートされたデバイスでコンポーネントを直接選択します。選択したコンポーネントのすべてのレイアウト属性が [Attributes] パネルに表示されます。