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

対象の XR デバイス

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

XR デバイスの種類について →

AI メガネ

XR デバイスの種類について →

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

関連ドキュメント

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

埋め込みの Layout Inspector を無効にする

Android XR Emulator を使用して仮想 AI グラス デバイスでアプリを実行している場合は、埋め込みの Layout Inspector をオフにする必要があります。

1. Android Studio でプロジェクトを開き、[Android Studio] > [Settings] > [Tools] > [Layout Inspector] に移動します。

2. [Enable embedded Layout Inspector] の選択を解除し、Android Studio を再起動します。

   

Layout Inspector を開く

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

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

   Layout Inspector が開き、[レイアウト表示] パネルと [コンポーネント ツリー] パネルが表示されます。

3. [Running devices] プルダウン メニューで、AI グラス AVD からホストデバイスとして機能するスマートフォン AVD に切り替えます。

   

4. [レイアウト表示] で、スマートフォン AVD の UI レイアウトをスクロールして、AI グラスの UI レイアウトを見つけます。要素をクリックして、その属性を調べます。

   

レイアウト属性を検査する

アプリを操作しながら、[Layout Display] または [Component Tree] でビューをクリックして、AI グラスの UI でビューを検査します。そのビューのすべてのレイアウト属性が [Attributes] パネルに表示されます。