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

対象の XR デバイス
このガイダンスは、このようなタイプの XR デバイス向けのエクスペリエンスを構築する際に役立ちます。
XR デバイスの種類について →
AI メガネ
XR デバイスの種類について →

AI グラス用の Jetpack Compose Glimmer コンポーネントを使用して拡張エクスペリエンスを構築する際に、Android Studio の 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 ツールの Android Studio 設定ページ。

Layout Inspector を開く

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

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

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

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

    [Running devices] プルダウン メニューがハイライト表示されている Layout Inspector ビュー。

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

    Layout Inspector のビュー。レイアウト表示に AI グラスの UI が表示されている。

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

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