מה כלול ב-Jetpack Compose Glimmer

מכשירי XR שמתאימים לשימוש

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

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

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

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

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

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

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

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

  

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

  

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

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

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

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

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

מאפייני שינוי (modifiers) של Glimmer ב-Jetpack פיתוח נייטיב

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

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

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

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

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

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

צבעים

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

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

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

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

צורות

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

טיפוגרפיה

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

סמלים

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