לחצנים ב-Jetpack Compose Glimmer

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

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

איור 1. דוגמה לכמה סגנונות שונים של לחצנים ב-Jetpack Compose 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 משמשים להוספת סמלים של קומפוזיציות לפריסת הלחצן, וכך מדגימים את התמיכה של Jetpack Compose Glimmer במיקום גמיש של סמלים.
  • הלחצנים משתמשים בהגדרת גודל ברירת המחדל, שמנהלת באופן אוטומטי את הריווח הפנימי ואת שינוי הגודל של הטקסט כדי להתאים למפרטי העיצוב הרגילים של Jetpack Compose Glimmer, בלי שינויי גודל מפורשים.