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