מה כלול ב-Jetpack Compose Glimmer

מכשירי XR רלוונטיים

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

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

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

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

רכיבי Jetpack Compose Glimmer

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

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

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

  

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

  

רכיבי Glimmer ב-Jetpack פיתוח נייטיב

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

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

• טקסט
• סמלים
• Title Chips
• כרטיסים
• רשימות
• כפתורים

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

משנים את המאפיינים של Glimmer ב-Jetpack פיתוח נייטיב

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

עומק Glimmer ב-Jetpack פיתוח נייטיב

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

העיצוב של Glimmer ב-Jetpack פיתוח נייטיב

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

בדומה לערכות נושא אחרות ב-Jetpack Compose,‏ GlimmerTheme כוללת כמה מערכות משנה: צבעים, צורות, טיפוגרפיה וסמלים (סימבולוגרפיה). העיצוב של Glimmer ב-Jetpack פיתוח נייטיב כולל גם רכיבי Glimmer ב-Jetpack פיתוח נייטיב שאפשר להתאים אישית.

צבעים

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

שימו לב: הצבעים של 'ב…' לא מוצגים דרך GlimmerTheme. המערכת מחשבת את הצבעים האלה באופן אוטומטי על סמך צבע הרקע.

הצבעים האלה מוצגים באמצעות GlimmerTheme.colors.primary, עם ערכים לכל תפקיד צבע כפי שמתואר בטבלה הבאה:

הערה: למרות שמאפייני surface, outline ו-outlineVariant מסומנים כמאפיינים שאפשר להתאים אישית, אנחנו ממליצים מאוד לא להתאים אישית את הערכים האלה.

צורות

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

טיפוגרפיה

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

סמלים

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