לחצנים ב-Jetpack Compose Glimmer

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

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

איור 1. דוגמה לכמה סגנונות שונים של לחצנים ב-Jetpack פיתוח נייטיב Glimmer.

דוגמה: וריאציות של לחצנים

@Composable
fun GlimmerButtonExample() {
    Column(
        verticalArrangement = Arrangement.spacedBy(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        modifier = Modifier.fillMaxWidth()
    ) {
        // Basic Button
        Button(onClick = { /* Do something */ }) {
            Text("Test Button 1")
        }

        // Button with a leading icon
        Button(
            onClick = { /* Do something */ },
            leadingIcon = {
                Icon(
                    painter = painterResource(id = R.drawable.ic_favorite),
                    contentDescription = "Favorite icon"
                )
            }
        ) {
            Text("Test Button 2")
        }

        // Button with leading and trailing icons
        Button(
            onClick = { /* Do something */ },
            leadingIcon = {
                Icon(
                    painter = painterResource(id = R.drawable.ic_favorite),
                    contentDescription = "Favorite icon"
                )
            },
            trailingIcon = {
                Icon(
                    painter = painterResource(id = R.drawable.ic_favorite),
                    contentDescription = "Favorite icon"
                )
            }
        ) {
            Text("Test Button 3")
        }
    }
}

מידע חשוב על הקוד

  • סמלי הלחצנים מבוססים על קובצי XML מקומיים של וקטורים (R.drawable.ic_favorite) באמצעות painterResource, במקום על התלות בספרייה Icons.Default, כדי לייעל את טעינת הנכסים.
  • הפרמטרים leadingIcon ו-trailingIcon משמשים להחדרת רכיבי סמל (Composables) לפריסת הלחצן, וכך מדגימים את התמיכה של Jetpack פיתוח נייטיב Glimmer במיקום גמיש של סמלים.
  • הלחצנים משתמשים בהגדרת הגודל שמוגדרת כברירת מחדל, שמנהלת באופן אוטומטי את הריווח הפנימי ואת שינוי הגודל של הטקסט כדי להתאים למפרטי העיצוב הרגילים של Glimmer ב-Jetpack Compose, בלי להשתמש במגדירי גודל מפורשים.