マテリアル デザインには、XR に適応するコンポーネントとレイアウトが用意されています。既存の マテリアル 3 ライブラリを使用して、コンポーネントとアダプティブ レイアウトが空間 UI 動作で強化されます。
現在の M3 実装を適応させるには、EnableXrComponentOverrides ラッパーを追加します。
EnableXrComponentOverrides を使用して既存のアプリを適応させる
EnableXrComponentOverrides ラッパー内のすべての M3 Compose UI は、XR デバイスで適応されます。このラッパーを使用すると、この動作から除外するコンポーネントを選択できます。
EnableXrComponentOverrides ラッパーを追加して、アプリを XR 向けマテリアル デザインに適応させます。
ナビゲーション レール
NavigationSuiteScaffold を含むすべての Compose レイアウトのナビゲーション レールは、XR Orbiter に自動的に適応します。詳しくは、マテリアル デザイン ガイドラインをご覧ください。
空間化されていないナビゲーション レール
空間化された（XR 対応）ナビゲーション レール
ナビゲーション バー
NavigationSuiteScaffold を含むすべての Compose レイアウトのナビゲーション バーは、XR オービターに合わせて自動的に調整されます。詳しくは、マテリアル デザイン ガイドラインをご覧ください。
空間化されていないナビゲーション バー
空間化された（XR 対応）ナビゲーション バー
XR のリストと詳細レイアウト
XR の Compose の Material 3 アダプティブ レイアウトは、各ペインが独自の XR 空間パネル内に配置される 1:1 マッピングです。詳しくは、ListDetailPaneScaffold と適応型デザインのガイドラインをご覧ください。
空間化されていない ListDetailPaneScaffold
空間化された（XR 対応の）ListDetailPaneScaffold
XR のペイン レイアウトをサポート
XR の Compose の Material 3 アダプティブ レイアウトは、各ペインが独自の XR 空間パネル内に配置される 1:1 マッピングです。詳しくは、SupportingPaneScaffold と適応型デザインのガイドラインをご覧ください。
空間化されていない SupportingPaneScaffold
空間化された（XR に適応した）SupportingPaneScaffold
Figma 用マテリアル 3 デザインキットでデザインを開始する
