מה כלול ב-Jetpack Compose Glimmer

מכשירי XR שנתמכים

ההנחיות האלה יעזרו לכם ליצור חוויות למכשירי XR מהסוגים הבאים.

מידע על סוגי מכשירי XR →

מידע על סוגי מכשירי XR →

‫Jetpack Compose Glimmer מבוסס על Jetpack Compose וכולל רכיבים קומפוזביליים, רכיבים, התנהגויות וערכת נושא שמיועדים למשקפיים עם בינה מלאכותית ומסך. עם Glimmer, אתם יכולים ליצור ממשק משתמש נייטיב למשקפיים עם תצוגה באמצעות Compose, ולהפיח חיים בחוויית השימוש באפליקציה עם פחות קוד, כלים עוצמתיים וממשקי API אינטואיטיביים של Kotlin.

רכיבי Glimmer ב-Jetpack Compose

‫Jetpack Compose Glimmer מספק פונקציות @Composable שמותאמות למסכים של משקפיים עם AI, כמו Text,‏ Button ו-ListItem. אלה כמה מאפיינים ייחודיים של פונקציות Composable ב-Jetpack Compose Glimmer:

• עיצוב פשוט יותר: רכיבי Surface, למשל, מוגדרים כברירת מחדל עם רקעים שחורים או שקופים לאופטימיזציה של התצוגה.
• ברירות מחדל אופטימליות של צבעים: Jetpack Compose Glimmer מחשב את צבע התוכן על סמך צבע הרקע כברירת מחדל, כך שמפתחים נדרשים לעיתים רחוקות להגדיר צבעי טקסט באופן ידני, מה שמשפר את הקריאות בלי צורך בעבודה נוספת.

• הדגשת המיקוד: המיקוד מסומן באמצעות משוב ויזואלי שמבוסס על קו מתאר, במקום אפקט האדווה, כדי לשפר את הראות.

  

• הגבהה אופטימלית: Jetpack Compose Glimmer משתמש בצללי תיבות מוגבלים כדי ליצור הפרדה ויזואלית

  

רכיבי Glimmer ב-Jetpack Compose

ל-Jetpack Compose Glimmer יש קבוצה משלו של רכיבים מותאמים אישית, בדומה לרכיבים ב-Jetpack Compose, אבל הם מותאמים במיוחד לדרישות הייחודיות של משקפיים עם תצוגה פנימית מבחינת ויזואליות ואינטראקטיביות. רכיבי Jetpack Compose Glimmer ניתנים להתאמה אישית באמצעות הנושא של Jetpack Compose Glimmer, והם מבוססים על תכונות Compose ברמה נמוכה יותר כדי לתמוך בשיטות קלט של משתמשים כמו הקשה והחלקה כברירת מחדל.

במדריכים הבאים יש מידע נוסף על שימוש ברכיב ספציפי:

• כפתורים
• כרטיסים
• תצוגת דפים אופקית
• סמלים
• כפתורים עם סמלים
• רשימות
• פריטים ברשימה
• פלטפורמות
• טקסט
• מתגים
• Title Chips
• ערימות אנכיות
• אינדיקטור של קלט קולי

אם אחד מהרכיבים ברמה הגבוהה לא מתאים לתרחיש השימוש שלכם, אתם יכולים להשתמש בsurface כדי ליצור רכיב בהתאמה אישית. משטחים הם אבן הבניין הבסיסית ביותר ב-Jetpack Compose Glimmer – קנבס ריק לכל עיצוב או אינטראקציה ספציפיים בהתאמה אישית שרוצים ליצור.

מאפייני שינוי (modifier) של Glimmer ב-Jetpack Compose

המשנים בפונקציית Glimmer של Jetpack Compose זהים למשנים של Compose, שמאפשרים לכם להוסיף לרכיבים קומפוזביליים על ידי התאמה אישית של הפריסה, המראה וההתנהגות שלהם. ‫Jetpack Compose Glimmer כולל משנים וערכי ברירת מחדל ייחודיים למשוב חזותי ולביצועים שמתאימים במיוחד למשקפיים.

העיצוב של Glimmer ב-Jetpack Compose

ל-Jetpack Compose Glimmer יש מערכת ייעודית של ערכות נושא למשקפיים עם תצוגה פנימית. העיצוב של Jetpack Compose Glimmer כולל פלטת צבעים, טיפוגרפיה וצורות פשוטות ועברו אופטימיזציה. כך אפשר להשיג חשיפה מקסימלית ולשמור על תמציתיות במשקפיים עם תצוגה פנימית. כל רכיבי Glimmer של Jetpack Compose מיועדים לשילוב אוטומטי עם שיטות קלט ספציפיות למשקפיים. העיצוב של Glimmer ב-Jetpack Compose חשוף באמצעות המחלקה GlimmerTheme.

בדומה לערכות נושא אחרות ב-Jetpack Compose,‏ GlimmerTheme כוללת כמה מערכות משנה שמתוארות בקצרה בקטעים הבאים, יחד עם המאפיינים הניתנים להתאמה אישית שלהן:

• צבעים
• טיפוגרפיה
• ערכי הריווח בין הרכיבים
• צורות
• רמות של אפקט העומק
• גדלי סמלים

צבעים

מערכת הצבעים של Jetpack Compose Glimmer מיועדת לתצוגות אדיטיביות ולסביבות אמיתיות. בניגוד לעיצובים רגילים של Android, העיצוב GlimmerTheme Colors מתמקד ברקעים כהים עם שקיפות חלקית ובהדגשות צבעוניות, כדי להבטיח שהתוכן יהיה קריא בתנאי תאורה בלתי צפויים בעולם האמיתי.

המערכת משתמשת בלוח צבעים שמחולק לשלושה חלקים: צבעים ראשיים, צבעים משניים וצבעים ניטרליים. צבעים ניטרליים משמשים בדרך כלל כמשטחים הפיזיים של ממשק המשתמש המרחבי, בעוד שהצבעים הראשי והמשני מספקים רמזים חזותיים ברורים לאינטראקציה ולמיתוג.

טיפוגרפיה

מערכת הטיפוגרפיה של Jetpack Compose Glimmer כוללת סגנונות טיפוגרפיה שונים לשיפור הקריאות והתמציתיות במשקפיים עם תצוגה פנימית. הסגנונות האלה נועדו למקסם את הניגודיות ולשפר את קריאות הטקסט באמצעות משקלים מודגשים יותר, ריווח רחב יותר בין האותיות וגובה שורה מתאים. הסגנונות האלה נחשפים דרך GlimmerTheme.typography.

ערכי הריווח בין הרכיבים

הערכים האלה משמשים כדי להבטיח מרווחים עקביים בין רכיבי Jetpack Compose Glimmer. ההגדרות האלה כוללות את הריווח הפנימי של הרכיבים, הריווח ביניהם ורכיבי ריווח אחרים. חשוב לזכור ששינוי הערכים האלה משפיע על גודל ברירת המחדל של רוב הרכיבים.

צורות

מערכת הצורות של Jetpack Compose Glimmer מגדירה קבוצה של עיצובים סטנדרטיים לפינות וצורות גיאומטריות לרכיבים, שנועדו ליצור שפה חזותית עקבית ומינימליסטית בממשקי משתמש של משקפיים עם תצוגה. כל הצורות חשופות דרך GlimmerTheme.shapes.

רמות של אפקט העומק

רכיבי Jetpack Compose Glimmer משתמשים בעומק כדי לייצג היררכיה, מה שעוזר להבחין חזותית בין אלמנטים שמוצגים מעל (בחלק העליון של) כרטיסים אחרים. העומק במשקפי תצוגה הוא שילוב של המיקום במרחב z והצללות. ברוב הרכיבים ברמה גבוהה, כמו פריטים ברשימה, עומק מוחל באופן אוטומטי על סמך מצב המיקוד. כשמרכיב מסוים מודגש, הוא מקבל עומק. כשההדגשה מוסרת, הוא חוזר למצב הרגיל. עם זאת, כדי לעבוד עם רכיבים מותאמים אישית, אפשר להשתמש בפרמטר depthEffect ב-Modifier.surface או ב-depthEffect.

גדלי סמלים

מערכת הסמלים של Jetpack Compose Glimmer מיועדת להשתלב באופן עקבי עם השפה החזותית הפשוטה של ממשקי משתמש במשקפיים עם תצוגה פנימית, ולעתים קרובות היא משתמשת בצורות מעוגלות כמו Material Symbols Rounded כדי להשיג קריאות אופטימלית.