הטמעת Material Design ל-XR

עיצוב חדשני תלת-ממדי מספק רכיבים ותצוגות שמתאימים ל-XR. באמצעות הספרייה הקיימת של Material 3, הרכיבים והפריסות המותאמות משופרים באמצעות התנהגויות של ממשק משתמש מרחבי.

כדי להתאים את ההטמעה הנוכחית של M3, אפשר להוסיף את העטיפה EnableXrComponentOverrides.

שימוש ב-EnableXrComponentOverrides כדי להתאים את האפליקציה הקיימת

כל ממשק המשתמש של M3 Compose בתוך המעטפת EnableXrComponentOverrides יתאים למכשירי XR. באמצעות העטיפה הזו אפשר לבחור את הרכיבים שרוצים להחריג מההתנהגות הזו.

מוסיפים את העטיפה EnableXrComponentOverrides כדי להתאים את האפליקציה לעיצוב Material Design ל-XR.

מסלול הניווט בכל פריסת כתיבה, כולל NavigationSuiteScaffold, יתאים באופן אוטומטי ל-XR Orbiter. מידע נוסף זמין בהנחיות של Material Design.

פס ניווט ללא מיקום מרחבי
פס ניווט מרחבי (מותאם ל-XR)

סרגל הניווט בכל פריסה של Compose, כולל NavigationSuiteScaffold, יתאים את עצמו באופן אוטומטי למצב XR orbiter. מידע נוסף זמין בהנחיות של Material Design.

סרגל ניווט ללא מיקום מרחבי
סרגל ניווט מרחבי (מותאם ל-XR)

פריסת רשימת פרטים ל-XR

הרכבת פריסות מותאמות של Material 3 ב-XR כוללת מיפוי של 1:1, שבו כל חלונית ממוקמת בחלונית מרחבית משלה ב-XR. מידע נוסף על ListDetailPaneScaffold ועל הנחיות לעיצוב רספונסיבי

ListDetailPaneScaffold ללא מיקום במרחב
ListDetailPaneScaffold במרחב (מותאם ל-XR)

תמיכה בפריסת חלונית ל-XR

הרכבת פריסות מותאמות של Material 3 ב-XR כוללת מיפוי של 1:1, שבו כל חלונית ממוקמת בחלונית מרחבית משלה ב-XR. מידע נוסף על SupportingPaneScaffold ועל הנחיות לעיצוב רספונסיבי

SupportingPaneScaffold ללא מיקום
SupportingPaneScaffold במרחב (מותאם ל-XR)

מתחילים לעצב בעזרת ערכת העיצוב של Material 3 ל-Figma

קולאז' של רכיבים מחבילת העיצוב של Material 3

הורדת חבילת העיצוב של Material 3 כדי להתחיל

למידע נוסף