הטמעת Material Design ל-XR

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

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

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

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

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

פס ניווט

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

סרגל הניווט

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

תיבות דו-שיח

BasicAlertDialog יתאים את עצמו ל-XR, ויוסיף גובה לרכיב.

מידע נוסף על תיבות דו-שיח ועל הנחיות לעיצוב מותאם

סרגי האפליקציות העליונים

TopAppBar יתאים את עצמו באופן אוטומטי ל-XR orbiter.

מידע נוסף על סרגל האפליקציות העליון ועל הנחיות לעיצוב מותאם

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

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

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

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

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

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

למידע נוסף

• פיתוח ממשק משתמש באמצעות Jetpack פיתוח נייטיב ל-XR
• הנחיות לעיצוב ממשק משתמש מרחבי