לחצני סמלים ב-Jetpack Compose Glimmer

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

ב-Jetpack Compose Glimmer,‏ IconButton הוא רכיב קומפקטי ואינטראקטיבי שמשמש לחשיפת פעולות משניות בהקשה אחת.

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

יש גם כפתורים רגילים וכפתורי מעבר לתרחישי שימוש אחרים.

דוגמה לכמה סגנונות שונים של לחצני סמלים ב-Jetpack Compose Glimmer. בדוגמאות האלה מוצגים חמישה מצבים של לחצני סמלים: מופעל (1), במצב מיקוד (2), במצב לחיצה (3), מושבת (4), מושבת ובמצב מיקוד (5).

גדלים ומידות

רכיב המאפיין

גודל מינימלי של מיכל

‫48x48 dp

גודל הסמל הפנימי

‫32 x 32 dp

הוספת מרווחים פנימיים לתוכן כברירת מחדל

GlimmerTheme.componentSpacingValues.small

מדינות

לחצני סמלים ב-Jetpack Compose Glimmer משנים את המראה שלהם כדי להעביר מידע על המצב שלהם.

  • מופעל: מצב האינטראקטיביות שמוגדר כברירת מחדל.
  • ממוקד: מוחל GlimmerTheme.depthEffectLevels.level1 והדגשה של הגבול.
  • לחוץ: המערכת מחילה שכבת-על לבנה שקופה למחצה על המשטח.
  • מושבת: הכפתור לא אינטראקטיבי והמשוב החזותי מוסר.

ברירות מחדל של כפתור עם סמל

הגדרות ברירת המחדל הבאות חלות על לחצני סמלים:

  • צורה: ברירת המחדל היא GlimmerTheme.shapes.large (בדרך כלל עיגול).
  • צבע: ברירת המחדל היא GlimmerTheme.colors.surface.
  • צבע התוכן: מחושב אוטומטית מצבע הרקע, אלא אם צוין במפורש.
  • מרווח פנימי של התוכן: מגדיר את המרווח שמוגדר כברירת מחדל בין הסמל לקצה של מאגר הרכיבים.
  • גודל מינימלי: ערך קבוע של 48.dp כדי למנוע מצב שבו הלחצנים קטנים מדי ואי אפשר ללחוץ עליהם.
  • גודל הסמל: ברירת המחדל היא GlimmerTheme.iconSizes.small (32.dp).

דוגמה: לחצן עם סמל

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

@Composable
fun IconButtonSample() {
    IconButton(onClick = {}) { Icon(FavoriteIcon, "Localized description") }
}