Jetpack Compose Glimmer מבוסס על Jetpack פיתוח נייטיב וכולל רכיבים קומפוזביליים, רכיבים, התנהגויות וערכת נושא שמיועדים למשקפיים עם בינה מלאכותית ומסך. עם Glimmer, אתם יכולים ליצור ממשק משתמש נייטיב למשקפיים חכמים באמצעות Compose, ולהפיח חיים בחוויית השימוש באפליקציה עם פחות קוד, כלים עוצמתיים וממשקי API אינטואיטיביים של Kotlin.
רכיבי Glimmer ב-Jetpack Compose
Glimmer ל-Jetpack Compose מספק פונקציות @Composable שמותאמות למסכים של משקפי AI, כמו Text, Button ו-ListItem. אלה כמה מאפיינים ייחודיים של פונקציות ה-Composable של Jetpack Compose Glimmer:
- עיצוב פשוט יותר: רכיבי
Surface, למשל, מוגדרים כברירת מחדל עם רקעים שחורים או שקופים לאופטימיזציה של התצוגה. - ברירות מחדל אופטימליות של צבעים: Jetpack Compose Glimmer מחשב את צבע התוכן על סמך צבע הרקע כברירת מחדל, כך שמפתחים נדרשים לעיתים רחוקות להגדיר צבעי טקסט באופן ידני, מה שמשפר את הקריאות בלי שום עבודה נוספת.
מיקוד מובחן: המיקוד מסומן באמצעות משוב חזותי שמבוסס על קווי מתאר, במקום אפקט האדווה, כדי לשפר את הנראות.
איור 1. שלושה מצבי מיקוד ב-Jetpack Compose Glimmer, שמוצגים באמצעות משוב חזותי שמבוסס על קו מתאר. הגבהה אופטימלית: Jetpack Compose Glimmer משתמש בצללי תיבות מוגבלים להפרדה חזותית
איור 2. חמש רמות של גובה ב-Jetpack Compose Glimmer, שמוגדרות באמצעות צללי תיבות מוגבלים.
רכיבי Glimmer ב-Jetpack Compose
ל-Jetpack Compose Glimmer יש קבוצה משלו של רכיבים בעיצוב מותאם אישית, בדומה לרכיבים ב-Jetpack Compose, אבל הם מותאמים במיוחד לדרישות הייחודיות של משקפיים חכמים מבחינת ויזואליות ואינטראקטיביות. רכיבי Glimmer של Jetpack Compose ניתנים להתאמה אישית באמצעות העיצוב של Glimmer של Jetpack Compose, והם מבוססים על תכונות Compose ברמה נמוכה יותר כדי לתמוך בשיטות קלט של משתמשים כמו הקשה והחלקה כברירת מחדל.
במדריכים הבאים יש מידע נוסף על שימוש ברכיב ספציפי:
- כפתורים
- כרטיסים
- סמלים
- כפתורים עם סמלים
- רשימות
- פריטים ברשימה
- פלטפורמות
- טקסט
- מתגים
- Title Chips
- ערימות אנכיות
אם אחד מהרכיבים ברמה הגבוהה לא מתאים לתרחיש השימוש שלכם, אתם יכולים להשתמש בsurface כדי ליצור רכיב בהתאמה אישית. משטחים הם אבן הבניין הבסיסית ביותר ב-Jetpack Compose Glimmer – קנבס ריק לכל עיצוב או אינטראקציה ספציפיים בהתאמה אישית שרוצים ליצור.
משנים את המאפיינים של 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 מתמקדים ברקעים כהים עם שקיפות חלקית ובהדגשות צבעוניות, כדי להבטיח שהתוכן יהיה קריא גם בתנאי תאורה לא צפויים בעולם האמיתי.
המערכת משתמשת בלוח צבעים שמחולק לשלושה חלקים: צבעים ראשיים, צבעים משניים וצבעים ניטרליים. צבעים ניטרליים משמשים לעיתים קרובות כמשטחים הפיזיים של ממשק המשתמש המרחבי, בעוד שהצבעים הראשי והמשני מספקים רמזים חזותיים ברורים לאינטראקציה ולמיתוג.
GlimmerTheme.טיפוגרפיה
מערכת הטיפוגרפיה של 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 כדי להשיג קריאות אופטימלית.